gpt4 book ai didi

javascript - 在 ng-view 之外的指令模板中使用 $rootScope 变量

转载 作者:行者123 更新时间:2023-11-30 00:15:56 25 4
gpt4 key购买 nike

我正在尝试将条件类应用于位于 ng-view 之上的导航栏指令模板。

这是 index.html 上的基本设置:

<body ng-app="myApp">

<navigation-bar></navigation-bar>

<div class="main-container" ng-view=""></div>

导航栏模板如下:

<div class="nav-bar bg-primary">

<div class="nav-bar-right-component">

<button ng-click="toggleLock()" class="nav-bar-button lock-button">
<span class="glyphicon glyphicon-lock" ng-class="{'locked' : locked }"></span>
</button>
</div>
</div>

该指令利用 $rootScope 触发事件以显示某些按钮,例如锁定按钮。我正在 Controller 和 $rootScope 之间传递“锁定”变量,一切正常。我现在唯一需要做的就是使用那个“锁定”变量应用一个 ng 类。

有没有什么方法可以不将导航栏包装在 Controller 中?

感谢您的宝贵时间。

最佳答案

您可以将 Controller 用作 $rootScopte 的语法:$root

    <button ng-click="toggleLock()" class="nav-bar-button lock-button">
<span class="glyphicon glyphicon-lock" ng-class="{'locked' : $root.locked }"></span>
</button>

关于javascript - 在 ng-view 之外的指令模板中使用 $rootScope 变量,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/34732347/

25 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com