AngularJs ng-if如何在场景中使用它

Question

这是我当前的代码，我显示子菜单，它工作正常。

我需要稍微改变一下行为，即根据条件显示子菜单文本。例如根据我从控制器返回的条件值显示菜单1 或 MENU ONE 。相同的logi

我需要知道我如何在此处使用ng-if声明？

<li><a class="pointer" ng-show="IsTrue" data-ng-click="sum()">Menu 1</a></li>

Answer 1

你能做的就是改变

<li><a class="pointer" ng-show="IsTrue" data-ng-click="sum()">Menu 1</a></li>

到

<li><a class="pointer" ng-show="IsTrue" data-ng-click="sum()">{{ menu }}</a></li>

并在控制器中写入逻辑

$scope.menu = condition ? "Menu 1" : "Menu One";

Answer 2

这是一个选项：

<a class="pointer" ng-show="IsTrue" ng-click="selectedMenu='menu1'; sum()">click to vuew
<div ng-if="selectedMenu == 'menu1'"> MENU </div></a>

你也可以使用ng-show ......

Answer 3

考虑使用ng-bind指令，因为它允许表达式。例如：

<button ng-init="IsTrue = false" ng-click="IsTrue = !IsTrue">Change</button>
<ul>
  <li><a ng-bind="IsTrue ? 'Menu 1' : 'MENU ONE'"></a></li>
</ul>

<强> 修改

更新示例。