部分布局上的AngularJS工具栏

Question

我是一名初级 AngularJS 开发人员，我正在寻找正确的方法来实现我正在制作的工具栏。目前，我的应用程序可以在多个级别上运行，具有：

app - Angular 应用的根和多个 app.sub-level(s) - 具有不同级别的嵌套。

点在应用程序模块上，我有一些部分视图（其中一个是工具栏），在我的抽象应用程序状态视图下的控制器中进行了处理。

我想做的是根据我的 app.sub-level (.state) 的状态更改控制器中按钮的行为（例如“删除”按钮的外观）

正确的做法是什么？

我读过有关使用 $rootScope 的信息，但（据我所知）不建议这样做，因为它非常接近全局变量。

我也读过有关使用服务的信息，但如果我只是更改其中的变量，服务不会改变。

那么，有什么正确的方法可以做到这一点吗？

在此先感谢，对于长篇大论感到抱歉，我正在尽力解释！

编辑： 我也必须为按钮分配不同的行为（ng-ref 和整个功能）

Answer 1

外观请使用ng-class。例如：

<button ng-class="{dull: sub-level.state==0, shiny: sub-level.state!=0}">
</button>

此示例将在按钮上设置一个类：dull 当sub-level.state 为 0 时，shiny 否则。这些类需要在您的 CSS 中定义。

请注意，sub-level.state 在此示例中需要是 $scope 可访问变量。 （即$scope.sub-level.state必须存在于相关控制器中）

这只会影响按钮的外观。如果您想根据某些表达式实际禁用它，请查看ng-disabled。