来自根控制器的 ng-include html 模板中的 ng-if 问题

Question

我是从Angular9过来的，真的很习惯，而且我被要求在一个我从未经历过的AngularJS项目上工作一点。所以我真的在为整个应用程序结构而苦苦挣扎。我的问题很简单：我有一个子 navbar.html 模板使用 ng-include 直接注入到我的 root.html 模板中，我想用 [= 调节这个子导航栏的一部分的显示40=]（不只是隐藏该部分，我根本不希望它存在）。我有一个后端调用，它根据连接的用户是否可以看到该部分向我发送一个布尔值。

我遇到的问题是，即使布尔值为 'true'，我的部分实际上也从未激活过。

我尝试过的事情：

更改 ng-if 和 'ng-controller' 指令的优先级 ---> 破坏应用程序
添加新的 'subnavbar-controller' 并将其声明为 app.js 中的 .state ---> 无效
创建一个自定义指令 ---> 显然无法弄清楚 hw 的工作，没有工作

很遗憾，我无法复制所有代码，但这是我正在处理的主要部分：

app.js：（我在'.运行()'函数中没有写任何关于这个'$rootScope.adminSection'的内容，并且还尝试了相同的方法直接调用服务而没有'$onInit')

    $urlRouterProvider.otherwise("/orders");
    $stateProvider
        .state('root', {
          abstract: true,
            url: '',
            views: {
                '': {
                    templateUrl: "view/root.html",
                    controller: ['$rootScope', 'AdministratorService', function ($rootScope, AdministratorService) {
                        const vm = this;
                        vm.$onInit = function() {
                            AdministratorService.getAdminSection().then(function (result) {
                                    $rootScope.adminSection = result;
                                }
                            )
                        };
                    }]
                }

}])

root.html:

<div ui-view="root_header"></div>
 <div class="row" style="min-height: 600px">
    <div class="col-md-2">
        <br/>
        <div ng-include="'view/subnavbar.html'"></div>
    </div>
        <div class="col-md-10">
        <div ui-view></div>
    </div>
</div>
    <div ng-include="'view/footer.html'"></div>

subnavbar.html:

<ul class="nav nav-pills nav-stacked" role="tablist">
        <li></li>
        <li ui-sref-active="active"><a ui-sref="root.contracts"></a><div class='arrow' aria-hidden='true'></div>
    </li>
    <li ng-if="$rootScope.adminSection" ui-sref-active="active"><a ui-sref="root.administrator">
    </a><div class='arrow' aria-hidden='true'></div></li>
    
        <li ui-sref-active="active"><a ui-sref="root.users"></a><div class='arrow' aria-hidden='true'>
    </div></li>
    </ul>

欢迎任何帮助，提前致谢！

Answer 1

有几种方法可以实现。它现在不起作用的原因是模板中的 $rootScope 未定义。尝试在您的模板中将 $rootScope.adminSection 替换为 adminSection.

ngInclude 指令创建一个继承自 $rootScope 的新作用域。因此，$rootScope 中的变量应该可以直接从模板访问。

来自根控制器的 ng-include html 模板中的 ng-if 问题

Problem with ng-if in ng-include html template from root controller

html

javascript

angularjs