Javascript Angular.js指令模板：换行符

假设我有这个演示指令：

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（）{
返回{
限制：'E'，
模板：“{data.text}}}删除”
}
});

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

app.directive（'name'，function（）{
返回{
限制：'E'，
模板：'
{{data.text}
删除
'
}
});

---

谢谢：）

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

关于双引号的说明：

---

如果模板变得更复杂，那么使用templateUrl可能更好。

太棒了。谢谢你，伙计！您是否考虑过使用templateUrl并将您的html放入.html文件中？在我的例子中，这非常简单，所以没有。一般来说，只考虑以下情况：）

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