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

我需要稍微改变行为,即根据条件显示子菜单文本。 例如,根据我从控制器取回的条件值显示菜单1菜单ONE 相同的Logi

我需要知道的所有信息如何在此处使用ng-if语句?

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

===============>>#1 票数: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";

===============>>#2 票数:0

这是一个选择:

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

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

===============>>#3 票数:0

考虑使用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>

编辑

示例已更新。

  ask by immirza translate from so

未解决问题?本站智能推荐: