Question

我需要以下内容：

<ul>
    <li data-ng-repeat="person in row1">               
        <img data-ng-src="img/{{person.code}}.jpg">
        <h3>{{person.name}}</h3>
        <p>{{person.description}}</p>
    </li>
</ul>
<ul>
    <li data-ng-repeat="person in row2">        
        <img data-ng-src="img/{{person.code}}.jpg">
        <h3>{{person.name}}</h3>
        <p>{{person.description}}</p>
    </li>
</ul>

但我不想复制html - 我希望能够将两个不同的数组（row1和row2）传递给ng-include或类似的东西。我怎么能在AngularJS中做到这一点？

Answer 1

您可以将行数组提供给其他模型，并在 ul 标记中使用 ng-repeat

在您的控制器中：

$scope.rows = [row1, row2];

在你的模板中：

<ul ng-repeat="row in rows">
    <li ng-repeat="person in row">               
        <img data-ng-src="img/{{person.code}}.jpg">
        <h3>{{person.name}}</h3>
        <p>{{person.description}}</p>
    </li>
</ul>

如何在AngularJS中使用与不同数据相同的html而不重复？

1 个答案: