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

发布时间：2020-12-17 07:09:05 所属栏目：安全来源：网络整理

导读：嗨,我知道这是一个简单的问题,如何在指令模板中插入新行？我有一个很长的模板.而且我很难横向扫描.我想把它换成新的一行.然而角度不想要. app.directive('broadcasted',function(){return{ restrict: 'EAC',// NEW LINE THE TEMPLATE NOT JUST IN A SINGLE L

嗨,我知道这是一个简单的问题,如何在指令模板中插入新行？我有一个很长的模板.而且我很难横向扫描.我想把它换成新的一行.然而角度不想要.

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){
    }
};
});

解决方法

这个怎么样：

app.directive('broadcasted',// 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

（编辑：李大同）

【声明】本站内容均来自网络，其相关言论仅代表作者个人观点，不代表本站立场。若无意侵犯到您的权利，请及时与联系站长删除相关内容!