草庐IT

AngularJS-ng

全部标签

javascript - Angularjs 指令删除监视?

我在指令的Controller中声明了一个$scope.$watch。当我更改页面并删除指令时,我是否必须手动销毁方式?如果是这样,我如何检测指令何时被删除? 最佳答案 这取决于作用域,而不是指令。如果作用域被销毁,那么它的所有$watchers都会随之消亡。在页面更改时,您的范围将被Angular破坏,因此您应该是安全的。当作用域死亡时,它会产生一个$destroy事件。你可以观看它:$scope.$on('$destroy',callback);并且您可以通过调用它返回的函数手动将$watchers从作用域中分离出来:varse

javascript - ng-bind 发生在我的指令之后,所以我没有值(value)

我有一个带有ng-bind指令的div元素:我有一个获取元素的指令,检查它的值/文本并根据内容为元素添加颜色。我正在使用这个指令:问题是在执行指令时,div上没有值或文本,因为ng-bind还没有发生。我正在使用element.text()获取文本。知道如何使文本在我的指令中可用吗? 最佳答案 您的指令可能在ngBind绑定(bind)它的值之前运行-您的指令和ngBind都是优先级0,因此任何一个都可以先运行,稍后会详细介绍-但让我们看看ngBindsourcecode查看问题的根源:varngBindDirective=ngDi

javascript - 在 Liferay 中使用 AngularJS

我会在LiferayPortal中使用全局AngularJS。因为,就像AngularJS的设计:WhyAngularJS?HTMLisgreatfordeclaringstaticdocuments,butitfalterswhenwetrytouseitfordeclaringdynamicviewsinweb-applications.AngularJSletsyouextendHTMLvocabularyforyourapplication.Theresultingenvironmentisextraordinarilyexpressive,readable,andquickt

javascript - 使用 angular-ui-bootstrap 在 AngularJS 中的路径中打开模式

我正在尝试做基本上在这里回答的事情Unabletoopenbootstrapmodalwindowasaroute但我的解决方案行不通。我得到一个错误Error:[$injector:unpr]Unknownprovider:$modalProviderMyapphastheui.bootstrapmoduleinjected-hereismyapplicationconfigvarapp=angular.module('app',['ui.router','ui.bootstrap','ui.bootstrap.tpls','app.filters','app.services','

javascript - AngularJs - 在指令 Controller 中使用自定义过滤器

场景我有一个包含有关他们的信息的用户数组,我做了一个ng-repeat结合生成HTML用户卡的自定义指令,保持每张卡相对于单个用户的范围,在用户模型有一个值,我需要在编译模板之前使用自定义过滤器进行过滤,因为如果我在模板中执行此操作,过滤所需的时间会使工具提示在值准备就绪之前不显示,看起来好像有什么东西不工作了。到目前为止我的代码//userCarddirectiveangular.module('userCard',[]).directive('UserCard',function(){return{restrict:'EA',templateUrl:'userCard.tpl.ht

javascript - 在嵌套的 ng-repeat 中时,AngularJS ng-click 事件不会触发

我对ng-click有疑问(我使用的是angular1.0.4)。第一个ng-click有效,但第二个无效。{{module.group.name}}{{item.display}}生成的代码看起来不错:Simplename 最佳答案 代替'{{item.name}}'只需使用item.name演示:http://plnkr.co/edit/QNKZDT9N5k2tQaRrFlwY?p=preview 关于javascript-在嵌套的ng-repeat中时,AngularJSng-cl

javascript - AngularJS ForEach 将新项目推送到对象中

我有一个包含零售商列表的JavaScript对象varlistRetailers=[{"url":"http://www.fake1.com","img":"images/1logo.jpg"},{"url":"http://www.fake2.com","img":"images/2logo.gif"},{"url":"http://www.fake3.com","img":"images/3logo.gif"},]我想将一个新的键:值推送到每个项目中:object.push("storeNumber":"1");因此更新后的JavaScript对象将是varlistRetailer

javascript - 在 Angularjs 日期选择器中禁用特定日期

我想在AngularJS的日期选择器中禁用特定日期。我正在为组件使用AngularJS-bootstrapcss。我想禁用的日期将根据组合中先前值的选择动态变化。我相信date-disabled="disabled(date,mode)"应该可以工作,但不确定。我该怎么做? 最佳答案 我假设您正在使用来自Angular-UI的Datepicker指令。date-disabled属性允许您禁用某些日期(例如周末)。看到这个笨蛋http://plnkr.co/edit/gGAU0L?p=preview如果你想根据选择动态禁用日期,你可以

javascript - angularjs 添加值无法设置未定义的属性 'id'

我正在尝试向表中添加一个新条目我有此查询$scope.addClient=function(){varclientId=$scope.items.length;//alert(empid);$scope.client.id=clientId++;$scope.items.push($scope.client);}这是我的表格AjouterclientNom:Age:Sexe:Email:Société:ConfirmerAnnuler它告诉我Cannotsetproperty'id'ofundefined什么都没有添加。 最佳答案

javascript - 始终启用 ng-disabled 的按钮

我正在尝试使用ng-disabled有条件地启用/禁用我的保存按钮:Save我有一个$scope.data.modified变量,当我的数据被修改时它会变为true。不管是真还是假,保存按钮都是启用的。元素检查显示ng-disabled的值按预期在“true”和“false”之间切换,但按钮始终处于启用状态。 最佳答案 当您使用Angularjs属性(如ng-show、ng-hide、ng-disabled)时,它应该没有蛇符号Ex.ng-disabled="!data.modified"。对于类、id等其他普通属性,您必须将其与蛇