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

时间:2017-05-28 10:33:30

标签: html angularjs rest

我有一个angular js应用程序,我在其中使用rest服务检索http response数据。我想有条件地显示页面的一部分。例如:如果角度的响应数据是"经理" ,页面应该显示不同的选项,如果响应数据是"员工" ,网页的相同部分应显示不同的选项。 我怎么做? 这是单页面应用程序。

2 个答案:

答案 0 :(得分:0)

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

对于你的例子:

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

此处expression将包含您从manager or employee的响应数据中获得的信息。

希望这会对你有所帮助!

答案 1 :(得分:0)

您可以使用ng-show指令,如:

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

有关详细信息,请参阅以下链接:https://docs.angularjs.org/api/ng/directive/ngShow