javascript - Angularjs 1.5x:如何仅在模板中调用一次函数并在多个位置重复使用结果

在每个部分中，我都有一个问题计数，除非用户剩余零，否则该计数将显示给用户，在这种情况下，我将显示一个复选标记。

<p class="list-group-item-heading">{{section.title}}
    <i ng-show="questionsLeft(section)==0" class="fa fa-check"></i>
    <span ng-show="questionsLeft(section)>0" class="label">
            {{questionsLeft(section)}}</span>
</p>

函数QuestionsLeft（）被调用3次-如何调用一次并重用其结果？我已经尝试了ng-init和{{x = questionsLeft（section）; “”}}欺骗这两个初始化变量，但值更改时不会更新。

最佳答案

在section组件控制器中创建一个变量。
将此变量而不是函数放在模板中。
每次使用questionsLeft功能更改问题数时，都要更新变量值。例如，您可以在$ onChanges挂钩中执行此操作。


附言如果提供控制器代码，将更容易说