Question

我正在开发一个Angular应用程序，我有两种类型的用户Leader和普通用户，每个用户都有自己的接口，但两者之间也有共同的视图。为了让合法的用户可以访问他的界面，我现在使用ng-if（和ng-show / hide，如果它只是界面中的按钮，只能由领导者看到）用这个指令处理这种情况是否安全，还是有另一种方法可以做得更好？因为它只是用户对象中的一个bool，它定义了他是领导者还是普通用户。

感谢您的回复。

Answer 1

来自doc＆gt;＆gt; ngIf与ngShow和ngHide的不同之处在于，ngIf完全删除并重新创建DOM中的元素，而不是通过display css属性更改其可见性

因此，如果超过ng-show和ng-hide，则使用ng-else，否则用户只需使用开发人员工具更改可见性选项。

另一种方法是将ng-if与ui-router，ui-view指令结合使用。这将使代码更加模块化

<div class="commonView">
<!-- leader view -->
    <div class="row" ng-if="isLeader" ui-view="leaderView">

    </div>

<!-- normal view -->
<div class="row" ng-if="!isLEader" ui-view="normalView">

</div>

一种用户的角度显示页面

1 个答案: