我有一个简单的 ng-repeat
<div ng-repeat="obj in someArray"></div>
如果obj.type == "type1"，我想使用自定义指令“type1”，如果obj.type == "type2"，我想使用自定义指令“type2”。有没有聪明的方法来做到这一点？
我将在不同的位置使用此解决方案，因此我想将逻辑放在指令中而不是 html 中。我在想也许我可以使用“包含”一个指令或另一个指令的“父”指令，具体取决于obj.type。你怎么看？
【问题讨论】：
标签： angularjs angularjs-directive
在当前稳定版本 (1.0.8) 中，我们无法将函数归因于 templateUrl，所以这就是我所做的。
<div ng-controller="MainCtrl">
<div class="genericDirective" ng-repeat="obj in someArray"></div>
</div>
var app = angular.module("myApp", []);
app.controller("MainCtrl", function ($scope) {
$scope.someArray = [
{type:"type1",title:"lorem"},
{type:"type2",title:"ipsum"},
{type:"type2",title:"dolor"}
];
});
app.directive("genericDirective", function(){
return{
restrict: "C",
templateUrl: "genericDirective.html"
};
});
<div ng-include="thumb.type+'Thumb.html'"></div>
由于某种原因，我没有设法嵌套指令，所以我改用了ng-include。 （编辑：问题已解决here）
【讨论】：
根据您的需要，您可以使用 ngClass。
<div ng-repeat="obj in someArray">
<div ng-class"{class1: obj.type == "type1", class2: obj.type == "type2"}"></div>
</div>
在此示例中，对象的类型将应用一个类。 请参阅http://docs.angularjs.org/api/ng.directive:ngClass 了解更多信息。
如果这是解析数据或类似的东西，你可以尝试使用一个指令，并处理里面的情况。
编辑：
要扩展后者，您可以将逻辑放在服务中并在父指令中调用适当的函数。 http://docs.angularjs.org/guide/dev_guide.services.creating_services
【讨论】：
<div ng-repeat="obj in someArray">
<type1 ng-if="obj.type=='type1'"></type1>
<type2 ng-if="obj.type=='type2'"></type2>
</div>
在 Angular 1.2 中，您也可以使用更高效的 ng-switch 指令。
我想我应该补充一点，测试可能看起来更像这样
ng-if="obj instanceof type1"
取决于你所说的类型。
根据进一步的 cmets，我相信这也是您问题的一个可能答案：
Angular Directive Different Template
不过，ng-if 或 ng-switch 是一种更简单的方法，因为它不需要任何关于 ng-repeat 对象类型的特殊知识。
【讨论】：
使用ng-switch:
<div ng-repeat="obj in someArray">
<span ng-switch="obj.type">
<div directive-one ng-switch-when="type1"></div>
<div directive-two ng-switch-when="type2"></div>
</span>
</div>
【讨论】：