Javascript 显示链或消息的角度指令

有以下HTML标记：

<section class="correspondence">
  <header>
    <div class="from">{{ message.from }}</div>
    <div class="when">{{ message.when }}</div>
  </header>
  <div class="content">
    {{ message.content }}
    <section class="correspondence">
    ...
    </section>
  </div>
</section>

{{message.from}}
{{message.when}}
{{message.content}
...

如您所见，这是一个包含嵌套重复内容（字母链）的标记—我想打印消息数组$scope.messages。我怎么做？我想我应该为它制定一些指令。你能帮助我吗？谢谢

试试这个。。。。。。。。 你需要使用ng repeat

HTML代码相同。并添加以下脚本代码

var app = angular.module('myApp', []);
app.controller('formCtrl', function($scope) {
    $scope.messages = [{
        from: "test_from_1",
        when: "test_when_1",
        content: "test_content_1"
    }, {
        from: "test_from_2",
        when: "test_when_2",
        content: "test_content_2"
    }];

});

---

这是一个工作示例：

在控制器中：

$scope.messages = [{
    from: "from_1",
    when: "when_1",
    content: "content_1"
}, {
    from: "from_2",
    when: "when_2",
    content: "content_2"
},{
    from: "from_3",
    when: "when_3",
    content: "content_3"
}];

---

在html中，使用ng repeat在数组上循环（这将创建与消息一样多的节）：

{{message.from}}
{{message.when}}
{{message.content}
...

粘贴要显示的数据

<section ng-repeat="message in messages" class="correspondence">
  <header>
    <div class="from">{{ message.from }}</div>
    <div class="when">{{ message.when }}</div>
  </header>
  <div class="content">
    {{ message.content }}
    <section class="correspondence">
    ...
    </section>
  </div>
</section>