Angular.js指令模板:break行

时间:2015-01-21 02:01:46

标签: javascript angularjs string templates angularjs-directive

假设我有这个演示指令:

app.directive('name', function(){
    return{
        restrict: 'E',
        template: '<div ng-class="done" ng-click="doSomething(data.done, index)">{{data.text}}<button ng-click="remove(index)">delete</button></div>'  
    }
});

是否可以打破模板的字符串,或者我应该添加&#34; +&#34;或者每行末尾的东西? 例如 -

app.directive('name', function(){
    return{
        restrict: 'E',
        template: '<div ng-class="done" ng-click="doSomething(data.done, index)">
                       {{data.text}}
                       <button ng-click="remove(index)">delete</button>
                   </div>'
    }
});

谢谢:)

1 个答案:

答案 0 :(得分:2)

如果没有出现错误,您不能在单引号中断行。您可以使用双引号,但不建议在严格的JavaScript模式下使用。可能最好每行使用一个字符串,最后使用+,创建结果

双引号注释: line breaks using javascript strings

如果模板变得更复杂,最好使用templateUrl。