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ディレクティブを実装する正しい方法は何でしょうか?