如何使用 angularJs 动态显示网页的一部分

Question

我有一个angular js应用程序，其中我正在使用休息服务检索http response数据。我想有条件地显示页面的一部分。例如：如果 angular 中的响应数据是"经理"，则页面应该显示不同的选项，如果响应数据是"员工"，则网页的同一部分应该显示不同的选项。 我该怎么做？ 这是单页应用程序。

Answer 1

根据您的要求，您可以使用 ng-switch 指令。ngSwitch 指令用于根据作用域表达式有条件地交换模板上的 DOM 结构。

对于您的示例：

<div ng-switch="expression">
<div ng-switch-when="manager">...</div>
<div ng-switch-when="employee">...</div>
</div>

在这里expression将包含您从任一manager or employee的响应数据中获得的信息。

希望这对您有所帮助！

Answer 2

您可以使用 ng-show 指令，如下所示：

<div>
<div ng-show="employeeType == 'Manager'">    </div>
<div ng-show="employeeType == 'employee'">    </div>
<div>

有关更多信息，请参阅此链接：https://docs.angularjs.org/api/ng/directive/ngShow