如何编写生成另一个指令的AngularJS指令？

Question

我使用alert directive这样的：

<alert ng-repeat="alert in alerts" type="'danger'">{{alert}}</alert> 

其中alerts是一样的东西：['Hello', 'World']。

我想创建一个alerts指令将这样被使用：

<alerts model="alerts"></alerts> 

这将等同于以上所述。

我试着开始：（live demo）

app.directive('alerts', function() { 
    return { 
    restrict: 'E', 
    scope: { 
     model: '=' 
    }, 
    template: '<alert ng-repeat="alert in {{model}}" type="\'danger\'"></alert>' 
    }; 
}); 

，但我得到了以下错误：

Syntax Error: Token 'model' is unexpected, expecting [:] at column 3 of the expression [{{model}}] starting at [model}}]. 

这是为什么？

什么是实施alerts指令的正确方法？

Answer 1

从模板中的ng-repeat绑定中删除{{和}}。它会工作。您不需要在表达式中使用{{}}。