在html中调用角度函数答案

【问题标题】：Call an angular function inside html在html中调用角度函数
【发布时间】：2019-02-07 16:45:00
【问题描述】：

我正在查看是否有一种方法可以调用我在作用域内设计的函数。

<ul class="ui-listview ui-radiobutton" ng-repeat="meter in meters">
            <li class = "ui-divider">
                {{meter.DESCRIPTION}}
                {{htmlgeneration}}
            </li>
</ul>

$scope.htmlgeneration = function()
{
 blah blah
}

这个函数叫做htmlgeneration。本质上，我想要做的是在使用 Angular 时在 LI 元素中动态附加 html。

【问题讨论】：

在像@SomeKittens 所说的那样从 HTmL 调用函数时，您的函数将被多次调用。为什么？答案是Here。所以从 HTML 调用函数时要小心。它可能会减慢页面的加载速度。

标签： javascript angularjs

【解决方案1】：

是的，只需添加括号（调用函数）。确保函数在作用域内并实际返回一些内容。

<ul class="ui-listview ui-radiobutton" ng-repeat="meter in meters">
  <li class = "ui-divider">
    {{ meter.DESCRIPTION }}
    {{ htmlgeneration() }}
  </li>
</ul>

【讨论】：

有没有办法使用参数来做到这一点？
@Serge 是的，像往常一样将参数传递给函数。