javascript - Angular.js指令模板: break line

Question

假设我有这个演示指令:

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

只打断模板的字符串可以吗，还是应该在每行末尾添加“+”或其他内容？ 例如-

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

谢谢:)

Answer 1

您无法在单引号中换行而不出现错误。您可以使用双引号，但在严格的 JavaScript 模式下不建议这样做。可能最好每行使用一个字符串，并在末尾添加一个 +，从而创建结果

双引号注意事项: line breaks using javascript strings

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