angularjs - 如何在 angular.js 的指令模板中插入新行？

Question

您好，我知道这是一个简单的问题，如何在指令模板中插入新行？我有一个很长的模板。我很难水平扫描。我想把它换成新的一行。但是 Angular 不想要。

app.directive('broadcasted', function(){
return{
    restrict: 'EAC',
    // NEW LINE  THE TEMPLATE NOT JUST IN A SINGLE LINE
    template: '<div class="alert alert-success col-md-6" ng-repeat="x in bcards"><strong class="broadcast-text" ><% x.q_number %> - <% x.teller_id %></strong></div>',
    link: function($scope){
    }
};
});     

Answer 1

这个怎么样:

app.directive('broadcasted', function(){
return{
    restrict: 'EAC',
    // NEW LINE  THE TEMPLATE NOT JUST IN A SINGLE LINE
    template: '<div class="alert alert-success col-md-6" ng-repeat="x in bcards">' + 
              '<strong class="broadcast-text" >' + 
              '<% x.q_number %> - <% x.teller_id %></strong></div>',
    link: function($scope){
    }
};

这里还有另一种方法:Creating multiline strings in JavaScript