javascript-如何在视图中使用Angular常数？
内容导读
互联网集市收集整理的这篇技术教程文章主要介绍了javascript-如何在视图中使用Angular常数？，小编现在分享给大家，供广大互联网技能从业者学习和参考。文章包含1890字，纯文字阅读大概需要3分钟。
内容图文
我试图从整个角度的角度指令中删除大量字符串文字值.我有一个希望成为全球性的常数的开端,例如：
// UI Validation constants.
MyAngularApp.constant('valid', {
"postalCode": {
"pattern": "/^[0-9]+$/",
"minLength": 4
}
});
然后,我想在视图模板的输入指令中使用此常量,其方式类似于：
<input type="text" ng-pattern="{{valid.postalCode.pattern}}" blah blah>
但是在这里,我对指令参数中的绑定有严重的怀疑.
我已经看到了一些建议将这样的常数添加到根范围,但也有一些建议避免使用根范围,而仅将其添加到控制器内部的本地范围,但这会涉及到对多个控制器的代码更改,在这里我只希望进行一次更改.
如果我决定使用根范围,我将如何添加该常数？我对此的误导尝试是：
console.log("Abandon all hope who enter here!");
MyAngularApp.config(function ($rootScope) {
$rootScope.valid = valid; // How to access the constant here?
});
但是这段代码给了我错误：
Uncaught Error: [$injector:modulerr]
添加：以下一些建议涉及Angular运行功能,但我找不到.模块调用是这样的：
var MyAngularApp = angular.module('MlamAngularApp', ['kendo.directives', 'ngRoute', 'ui.bootstrap', 'ngReallyClickModule', 'ngMessages', 'angular-loading-bar', 'ngAnimate']);
解决方法:
每个OP-如果要绑定到rootScope,则在应用程序加载时可以使用以下运行块：
app.run(function($rootScope) {
$rootScope.name = 'bound during run'
})
我更新了显示作用域继承的插件,以显示其作用.
将内容存储在$rootScope中是不好的做法.
这是一个示例为什么：
它会使事情变得混乱和混乱,尤其是当多个人都在维护代码时.您将某些内容绑定到rootScope,并且每个控制器的作用域都将该属性附加到其作用域.如果必须这样做,则应非常清楚地记录下来.
像这样做：
app.constant('myConstant', {
"postalCode": {
"pattern": "/^[0-9]+$/",
"minLength": 4
}
})
只要在需要的地方注入即可：
app.controller('MainCtrl', function($scope, myConstant) {
$scope.name = myConstant;
});
Banner的方法也很好,尽管我认为最好用这种方法来保持较高的抽象水平,而不是像这样将大量内容附加到模块上.这样,您就可以将所有常量塞入constants.js或其他内容中,并使所有内容保持干净.
内容总结
以上是互联网集市为您收集整理的javascript-如何在视图中使用Angular常数？全部内容，希望文章能够帮你解决javascript-如何在视图中使用Angular常数？所遇到的程序开发问题。 如果觉得互联网集市技术教程内容还不错，欢迎将互联网集市网站推荐给程序员好友。
内容备注
版权声明：本文内容由互联网用户自发贡献，该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容， 请发送邮件至 gblab@vip.qq.com 举报，一经查实，本站将立刻删除。
内容手机端
扫描二维码推送至手机访问。