unabhängige Expression Auswertung in Winkel

Question

In meinem Winkel `Controller befindet sich ein Objekt

var button1 = { 
       onClick : resetFn, 
       elementText : "Reset", 
       extradata : "name = \"hello\"" 
      }; 

In meinem html habe ich so etwas wie

<button {{button1.extradata}} type="button" ng-click="footer.onClick()">{{button1.elementText}}</button> 

button1.elementText korrekt ausgewertet zu werden, aber button1.extradata wird nicht ausgewertet immer an alle. Warum ist es ??

bearbeiten Ich möchte diese extradata zu meinem Element flexibler machen. Es kann eine beliebige Zeichenfolge enthalten.

Answer 1

versuchen so etwas wie dieses

$scope.button1 = { 
        onClick : resetFn, 
        elementText : "Reset", 
        extradata : "hello" 
       }; 

<button name="{{button1.extradata}}" type="button" ng-click="footer.onClick()">{{button1.elementText}}</button> 

Answer 2

Hat der button1.extradata repräsentieren immer den Wert des Attributs name im Tag button ..?

Wenn ja, als Sie so etwas wie dieses

$scope.button1 = { 
        onClick : resetFn, 
        elementText : "Reset", 
        extradata : "hello" 
}; 

<button name="{{button1.extradata}}" type="button" ng-click="footer.onClick()">{{button1.elementText}}</button> 

Answer 3

Working Plnkr

HTML tun sollten:

<button name="{{button1.extradata}}" type="button" ng-click="footer.onClick()">{{button1.elementText}}</button> 

JavaScript:

$scope.button1 = { 
       onClick : "resetFn", 
       elementText : "Reset", 
       extradata : "hello" 
      }; 

Ihr Code hat mehrere Syntaxfehler:

1. var button1 sollte durch $scope.button1 ersetzt werden.
2. nClick : resetFn sollte durch nClick : "resetFn" ersetzt werden.
3. {{button1.extradata}} Attribut innerhalb button Element sollte ersetzt werden mit .