1

我正在尝试根据存储在父范围中的布尔值有条件地显示指令。我不知道为什么下面不起作用。“不起作用”是指两个指令都没有显示。

 <ul class="nav navbar-nav pull-right" ng-switch="userIsAuthenticated">
    <account-item item="accountMenuItem" ng-repeat="accountMenuItem in anonymousMenuItems" ng-switch-when="false"></account-item>
    <account-item item="accountMenuItem" ng-repeat="accountMenuItem in authenticatedMenuItems" ng-switch-when="true"></account-item>
</ul>

即使在我的测试用例中将“userIsAuthenticated”设置为“false”，也不会显示任何指令。如果我{{userIsAuthenticated}}在指令上方添加“false”，则会按预期输出。

我也试过这个：

 <ul class="nav navbar-nav pull-right" ng-switch={{userIsAuthenticated}}>
    <account-item item="accountMenuItem" ng-repeat="accountMenuItem in anonymousMenuItems" ng-switch-when={{false}}></account-item>
    <account-item item="accountMenuItem" ng-repeat="accountMenuItem in authenticatedMenuItems" ng-switch-when={{true}}></account-item>
</ul>

如果我从它们将显示的任一指令中删除条件 ng-switch-when 属性。所以我知道问题出在我的 ng-switch 上。

4

2 回答 2

2

您在这个简化的演示中使用 ng-switch，当然没有您的account-item指令： http: //plnkr.co/AppN8xmFeIwjaP631lj7

如果没有看到 的代码account-item，很难猜测可能会干扰它的原因。您可能会考虑使用ng-if来处理显示一个或另一个项目。

<ul>
  <div ng-if="!userIsAuthenticated">Content when not authenticated</div>
  <div ng-if="userIsAuthenticated">Content when authenticated</div>
</ul>

更新还要确保绑定到对象属性，而不是原始布尔值。喜欢：user. authenticated

于 2014-04-03T20:16:59.760 回答
1

由于ngSwitchWhen优先级为 800，因此您需要为自定义指令（即account-item）设置更高的优先级，以便在指令处理之前对其进行编译ngSwitchWhen。例如：

.directive('accountItem', function () {
    return {
        ...
        priority: 900,
        ...
    };
});
于 2014-04-03T21:11:44.323 回答