Rufen Sie eine AngularJS-Funktion in HTML auf

Ich habe versucht zu sehen, ob es eine Möglichkeit gibt, eine Funktion aufzurufen, die ich innerhalb des Bereichs entworfen habe:

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

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

Die Funktion wird aufgerufen htmlgeneration. Im Wesentlichen möchte ich HTML dynamisch in die Datei einfügen li -Element bei der Verwendung von AngularJS.

Ja, fügen Sie einfach Klammern hinzu (Aufruf der Funktion). Stellen Sie sicher, dass sich die Funktion im Gültigkeitsbereich befindet und tatsächlich etwas zurückgibt.

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

Ich denke, mein Problem hing mit Konflikten mit Django-Tags zusammen. Dieser Beitrag war hilfreich.

Was für mich funktionierte, war eine einfache Lösung mit der Verwendung von ng-bind und ändern Sie den Code in etwa so:

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