Ng-repeat по массиву объектов

Используя 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>

и, похоже, он не работает, как бы я это сделал?

Ответы

Ответ 1

Вам нужно вставить массив сообщений в область $:

$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>