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

Question

我使用这样的警报指令：

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

alerts像这样的东西在哪里： ['Hello', 'World']。

我想创建一个alerts指令，它将像这样使用：

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

这将等同于上述内容。

我试着从：（现场演示）开始

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从模板中的绑定中删除 {{ 和 }} 。它会起作用的。您不需要在表达式中使用 {{ }}。