javascript - 对一组对象进行 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>