it-swarm.com.de

ng-repeat über eine Anordnung von Objekten

Wie würde ich mit ng-repeat die folgenden Schritte durchlaufen:

var  messages : [
      {text:"Standard Message"},
      {text:"Success Message!", type:"success"},
      {text:"Alert Message!", type : "alert"},
      {text:"secondary message...", type : "secondary"}
    ]

Ich habe es versucht:

<p ng-repeat="message in messages">{{message}}</p> 

und es scheint nicht zu funktionieren, wie würde ich das tun?

26
wesbos

Sie müssen Ihre Nachrichten Array in den $ Rahmen einzufügen:

$scope.messages = [
      {text:"Standard Message"},
      {text:"Success Message!", type:"success"},
      {text:"Alert Message!", type : "alert"},
      {text:"secondary message...", type : "secondary"}
    ]

und benutze es dann wie folgt:

<p ng-repeat="message in messages">{{message.text}}</p>
36
Dor Cohen