Question

我想在角度中使用ng-repeat来重复一堆<li>内部的指令。但是，我希望ng-repeat中的两个第一项具有与其余项不同的样式和html更改。我正在考虑使用ng-class接受一个函数，该函数根据ng-repeat的$ index设置特定的类，以解决问题的css部分。但是，对于html更改，我可以想到的是，重复指令中的部分ng-shows / ng-hides基于$index等于0或1而设置。 / p>

我想知道是否有更好的方法来做到这一点？

我希望始终有ng-repeat的两个第一项，并且是不同的样式（彼此之间以及列表中的其他项目），并且它们必须使用ng-repeat（因为动画目标）。

<ul class="wrapper">
     <li ng-class="conTroller.function(item.id)" id="Example2{{$index}}" ng-repeat="item in conTroller.list track by $index">
          <directive id="Example{{$index}}"></directive>
     </li>
</ul>

代码是调用ng-repeat的HTML（带有伪名称）。正在使用打字稿。代码只是为了帮助而显示，我需要帮助的主要是概念本身。

Answer 1

您可以根据应用该指令的DOM元素上设置的属性完全更改HTML模板。

在指令（{}）对象中，将templateUrl设置为一个函数，并返回一个字符串，使用该字符串读取元素的属性值。

更多信息： https://docs.angularjs.org/api/ng/service/$compile#-templateurl-

希望这有帮助，

感谢，沙恩

Angular ng-repeat但重复中的指令不同

1 个答案: