javascript - Angular-Dialog-Service 和模态代码的可读性

Question

我正在使用 Angular Dialog Service 在我的网站上构建弹出表单。该服务来源可以在这里找到:https://github.com/m-e-conroy/angular-dialog-service/blob/master/README.md

无论如何，描述模态包含内容和执行操作的实际 Angular 和 JavaScript 位于以下位置:

.run(['$templateCache',function($templateCache){
    $templateCache.put(...)

我的问题是 html 和 js 似乎都必须一个接一个，并且它们之间不允许有空格或缩进。这导致描述模式的代码本质上只是一堵文本墙，在我的复杂模式中已经变得无法阅读和编辑。可以在代码的 JS 部分找到这样的示例:http://codepen.io/m-e-conroy/pen/rkIqv

是否有一个简单的修复方法可以让我的模式 html 和 JS 采用非文本墙格式并成功构建？如果没有修复，这似乎是使用 Angular Dialog Service 处理模态的一个相当大的缺陷......

谢谢!

Answer 1

有一些工具，例如 html2js ，可以为你构建templateCache。

这意味着，您可以将 html 代码存储在 html 文件中(显然应该在的位置)，然后使用 $templateCache.put(/* content of html file */) 将其收集到单个 javascript 文件中; 在其中。只是不要忘记将生成的模块包含到您的项目中，因此当其中一项服务请求 html 文件时，可以在 templateCache 中找到它。

所以你不应该在 .js 文件中编辑 html。这在很多层面上都是错误的。