javascript - 将 ng-repeat 与 Include 模板一起使用

Question

我有一个简单的 JSON 数据可以在 ng-repeat 中迭代，但我遇到了问题。当我迭代数据时，Angular 会重复数据，而不需要重复的 div 的 HTML，但我只想要内部 HTML。

例如:

数据

 ...

 $scope.tests = [{text:'text1'},{text:'text2'},{text:'text3'}];

 ...

HTML

<div id="out-div" ng-repeat="test in tests">
  <p>{{test.text}}</p> <b>bold text</b>
</div>

预期的响应应该是这样的:

<p>text1</p> <b>bold text</b>
<p>text2</p> <b>bold text</b>
<p>text3</p> <b>bold text</b>

我只想要内部 HTML，可以吗？

Answer 1

您应该将 ng-repeat 放入 <p>而不是父<div>像下面这样:

<div id="out-div">
    <p ng-repeat-start="test in tests">{{test.text}}</p>
    <b ng-repeat-end>bold text</b>
</div>

这只会重复<p>和<b>标签而不是父标签 <div> .