Wie kann ich eine for-Schleife in einem Angular-Objekt an eine Zeichenfolge weitergeben, die von $ sce gerendert wird

Question

Ich render derzeit ein Stück von HTML und Direktiven mit $ sce.trustAsHtml.

Ich habe eine Anweisung namens compile-template benutzt, die mir erlaubt, ng-Direktiven wie ng-click und ng-disabled zu verwenden.

Ich bin in der Lage, Objekte zu übergeben, wenn sie statisch sind (z. B. name: 'winning'), ABER wenn ich mit einer ForEach-Schleife durch sie fahre, erhalte ich ein undefined Ergebnis.

Beispiel:

$scope.xxx = { 
name: "winning", 
array:["test","123","456","888"] 
}; 

var string = 'I am an <code>HTML</code>string with <a href="#" ng-mouseover="removeExp()">links!</a> and other <em>stuff</em> <button ng-click="fire(a)">TEST</button>' 
    angular.forEach($scope.xxx.array, function (a) { 

string += 'I am an <code>HTML</code>string with <a href="#" ng-mouseover="removeExp()">links!</a> and other <em>stuff</em> <button ng-click="fire(a)">TEST</button> <button ng-click="works(xxx.name)">Works</button>' 
    }); 



$scope.myHTML =$sce.trustAsHtml(string); 

ich hier ein Arbeits jsFiddle Beispiel haben: http://jsfiddle.net/3J25M/533/

(^ eröffnen dev Tools console.log^zu sehen)

Beachten Sie, wie die 'Works' Taste funktioniert, aber die 'TEST' Taste nicht. (Die ‚TEST‘ Taste erhält seine Objekteigenschaft aus einer foreach-Schleife.)

---

Wie kann ich in einem Wert übergeben mit angular.forEach?

Danke!

Answer 1

Ändern Sie Ihre Funktion, um auf das Array zuzugreifen, und verwenden Sie den Indexwert von foreach. Dies ermöglicht den Zugriff auf die Bereichsvariable. Beachten Sie den Wert von i und nicht die Zeichenfolge, das ist wichtig.

angular.forEach($scope.xxx.array, function (a, i) { 

    string += 'I am an <code>HTML</code>string with <a href="#" ng-mouseover="removeExp()">links!</a> and other <em>stuff</em> <button ng-click="fire(xxx.array[' + i + '])">TEST</button> <button ng-click="works(xxx.name)">Works</button>' 
}); 

Zum Beispiel wird es erzeugen die folgende:

ng-click="fire(xxx.array[0])" 

Answer 2

Please check working example: Demo

REPLCE Ihre angular.forEach mit Code folgenden

angular.forEach($scope.xxx.array, function(a) { 
    string += 'I am an <code>HTML</code>string with <a href="#" ng-mouseover="removeExp()">links!</a> and other <em>stuff</em> <button ng-click="fire(' + a + ')">TEST</button> <button ng-click="works(xxx.name)">Works</button>' 
}); 

Was ist in Ihrem

falsch ist

<button ng-click="fire(a)">TEST</button> 

Hier müssen Sie „Feuer (a)“ mit

fire(' + a + ') as you are referring variable