如何包含Angular ngMessage模板

Question

我的表单很大，正在查看ngMessages 。 我想实现这个：

<script type="text/ng-template" id="error-messages">
<div ng-message="required">This field is required</div>
<div ng-message="minlength">This field is too short</div>
</script>

我会采用工厂方法吗？ 所以我可以在许多不同的控制器上使用它？ 该项目将包含多种形式？ 如果这是正确的方法，我不确定如何将其包含在工厂中。 这就是我在思考是否正确。

(function() {
"use strict";
angular.module("minorApp")
    .factory("errorMessage", []);
function errorMessage() {
    return // some template
}
})();

Answer 1

您可以将模板添加到angular的模板缓存中：

var myApp = angular.module('myApp', []);
myApp.run(function($templateCache) {
  $templateCache.put('error-messages.html', '<div ng-message="required">This field is required</div><div ng-message="minlength">This field is too short</div>');
});

然后，在要使用ng-include包含它的html文档中引用它。

<div ng-include src="'error-messages.html'"></div>

如果您使用的是gulp这样的构建系统，则可以将html保留在.html文件中，并使用https://www.npmjs.com/package/gulp-angular-templatecache插件自动执行将其添加到angular模板的过程缓存。