Вызов функции angular внутри html

Я видел, есть ли способ вызвать функцию, которую я создал внутри области.

<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
}

Функция называется htmlгенерацией. По сути, я хочу динамически добавлять html внутри элемента LI при использовании angular.

Ответ 1

Да, просто добавьте круглую скобку (вызов функции). Убедитесь, что функция находится в области видимости и фактически что-то возвращает.

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

Ответ 2

При вызове функции из HTmL, как сказал @SomeKittens, ваша функция будет вызываться более одного раза. Зачем? Ответ здесь. Так что будьте осторожны при вызове функции из HTML. Это может замедлить загрузку вашей страницы.