AngularJs ng-如果我可以在场景中使用它

Question

这是我当前的代码，我在其中显示子菜单，并且工作正常。

我需要稍微改变行为，即根据条件显示子菜单文本。 例如，根据我从控制器取回的条件值显示菜单1或菜单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>

编辑

示例已更新。