如何在ng-if中添加自定义条件?

时间:2017-07-28 06:24:19

标签: javascript html angularjs

我有一个预先评估的条件语句,可以在我的ng-if中使用。在我的角度代码中,像这样的东西:

scope.condition = "item.chosen == true";         ---(1)

我需要在ng-if条件下使用这个条件,如下所示:

<div ng-if="{{condition}}"></div>                ---(2)

理想情况下,评估为

<div ng-if="item.chosen == true"></div>          ---(3)

这当然不起作用。只是为了澄清,我不能直接使用3中的代码,因为正如我所提到的,scope.condition变量是预先计算的,我不能确定字符串值可能是什么,除了它将是一个有效的条件语句。 / p>

我如何实现这一目标?

编辑1:

进一步澄清,条件变量不一定必须是 item.chosen == true 。它也可以是 item.count&gt;限制 item.available == false 。基本上没有办法确定条件是什么,只是它将始终是字符串格式的有效条件语句。

3 个答案:

答案 0 :(得分:1)

你必须像

那样存储它
scope.condition = item.chosen;

然后像

一样使用它
<div ng-if="condition"></div>

它将被评估为

<div ng-if="true"></div>

答案 1 :(得分:0)

你可以这么做,

<div ng-if="condition"></div> 

答案 2 :(得分:0)

你可以试试这个

//view
<div ng-if="condition"></div>

//controller
$scope.item.chosen = false;
$scope.condition = $scope.$eval('item.chose == true')

<a href="javascript:"
   data-ng-if="!showIataList && $index == 3"
   data-ng-click="showIataList = true">