Question

我有一个使用angular的应用程序，在视图中我调用一个控制器函数来隐藏/显示div但是还需要函数返回的值。代码如下：

<div class="item-icon-right" ng_show="getClass(item.jsonpath) !== ''">
        <i class="icon ion-record getClass(item.jsonpath)"></i>
      </div>

您会看到为项目调用了两次getClass。是否可以存储该值并重用它？

Answer 1

您可以将返回的值存储在新变量中，并将其用于i class：

<div class="item-icon-right" ng_show="(itemClass = getClass(item.jsonpath)) !== ''">
    <i class="icon ion-record {{ itemClass }}"></i>
</div>

Answer 2

试试这个，

<div class="item-icon-right" 
    ng-init="myVar=getClass(item.jsonpath)" ng_show="myVar !== ''">
        <i class="icon ion-record {{myVar}}"></i>
</div>

Answer 3

我认为您可以使用 ngInit ，

<div ng-init="class = getClass(item.jsonpath)" class="item-icon-right" ng-show="class !== ''">
    <i class="icon ion-record {{class}}"></i>
</div>

对于项目，来自控制器的角度重用功能值

3 个答案: