对一组对象进行ng-repeat

Question

使用ng-repeat,我将如何循环以下内容:

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

我试过了:

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

它似乎不起作用,我该怎么做？

Answer 1

您需要将消息数组插入$ scope:

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

然后使用它如下:

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