javascript - Angularjs根据$state定义模板变量

Question

所以我有一些类似的东西:

<span>{{ $root.page_header || "default" }}</span>

但我希望它是默认，只要$state名称不是特定的$state即可。

所以从逻辑上讲，如果我有以下状态:home、设置和个人资料，我想要只要 $state 不在 home 上，$root.page_header 就是默认。如果是在家，我会让我的 Controller 定义 $rootScope.page_header 是什么 - 如果这有意义的话。

我想我需要弄清楚如何首先获取 $state 名称，然后以某种方式将其添加到我的 {{ }} 中。

大家有什么建议吗？

Answer 1

如果你想在 View 上执行逻辑，你可以使用javascript的内联if语句[条件(三元)运算符]。

<span>{{ $root.page_header == 'home' ? $root.page_header : "default" }}</span>

如果你想在 Controller 中使用它
像这样分配 page_header

$scope.page_header = $root.page_header == 'home' ? $root.page_header : "default";

然后在 View 中使用它

<span>{{page_header}}</span>

或

<span ng-bind="page_header"></span>

顺便说一句，我认为你可以通过以下方式获取州名称

$scope.page_header = $state.current.name;
console.log($scope.page_header)