Angular.js 指令模板：换行答案

【问题标题】：Angular.js directive template: break lineAngular.js 指令模板：换行
【发布时间】：2015-01-21 02:01:45
【问题描述】：

假设我有这个演示指令：

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

谢谢你:)

【问题讨论】：

您是否考虑过使用 templateUrl 并将您的 html 放入 .html 文件中？
嗯，就我而言，这真的很简单，所以不。只是总体上考虑了这种情况:)

标签： javascript angularjs string templates angularjs-directive

【解决方案1】：

你不能在不出错的情况下用单引号换行。您可以使用双引号，但在严格的 JavaScript 模式下不建议这样做。可能最好每行使用一个字符串，最后带有 +，创建结果

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

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

【讨论】：

太棒了。谢谢老兄！