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

【问题标题】：Angular-Dialog-Service and readability of modal codeAngular-Dialog-Service 和模态代码的可读性
【发布时间】：2016-06-11 20:58:17
【问题描述】：

我正在使用 Angular 对话服务在我的网站上构建弹出表单。此服务源可在此处找到：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 处理模式的一个相当大的缺陷......

谢谢！

【问题讨论】：

标签： javascript html angularjs modal-dialog

【解决方案1】：

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

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

因此，您不应在 .js 文件中编辑 html。在很多层面上都是错误的。

【讨论】：