草庐IT

ng-material

全部标签

javascript - 如何检测 Materialized.js 模态关闭事件?

如何检测materialized.js的关闭事件?我想在通过单击模式关闭按钮或按退出按钮或单击屏幕的任何其他区域关闭模式时运行一些JavaScript代码。 最佳答案 看起来你的意思是modal的ma​​terializecss框架的关闭事件。至于0.97.1版本(2015年9月15日)打开模式时,您可以传递选项(参见:http://materializecss.com/modals.html#options),但请注意,这是一个非常具有欺骗性的描述,因为选项不会被保存使用lean_modal(https://github.com/

javascript - ng-focus 触发两次,而 ng-blur 从不触发

我现在对Angular有相当的经验,但这似乎是在DOM事件传播方式的较低层次上发生的事情。由于某些原因,在我的应用程序的一部分中,我在同一input上有ng-focus和ng-blur,但是ng-focus事件触发两次,ng-blur永远不会触发。然后在我的Controller中$scope.doFocus=function(){console.log('focus');}$scope.doBlur=function(){console.log('blur');}当我检查我的控制台时,我看到2个“焦点”消息,没有“模糊”消息...我已经在我网站的其他部分对此进行了测试,它在其他一些部分

javascript - Angular ng-sortable - 它如何工作的基本示例

情况:大家好!在我的应用程序中,我有一种看板:有一些列,每个列都包含一个项目列表。我需要在列之间拖放项目并在同一列内重新排序。我之前尝试过三个与拖放(前两个)和重新排序(第三个)相关的Angular模块:ngDraggable:https://github.com/fatlinesofcode/ngDraggableAngular拖放:https://github.com/codef0rmer/angular-dragdropAngular用户界面可排序:https://github.com/angular-ui/ui-sortable它们很好,有很好的文档,但似乎无法同时进行拖放和重

javascript - ng-model 在 ng-include 中不起作用

我是angularjs的初学者,目前我正面临ng-include的问题。我有一个使用partials的测试应用程序。这是我的代码。Settingsangular.module('TextboxExample',[]).controller('ExampleController',['$scope',function($scope){$scope.textboxVal='fddfd';$scope.ReadGeneralSettings=function(){alert($scope.textboxVal);}$scope.ResetGeneralSettings=function(){

javascript - 将 json 对象转换为数组以使用 Javascript 遍历 ng-repeat?

这个问题在这里已经有了答案:WhatiseasywaytoconvertobjectinarrayAngularJS?(3个答案)关闭6年前。这是我的示例json,我从firebase获取我的jsonobj我必须将列表转换为数组以通过ng-repeat绑定(bind)到html中。我的Json对象是{"cats1":{"Name":"cricket","imgUrl":"someurl","list1":{"bat":{"Name":"bat","imgUrl":"someurl","price":"$100"},"pads":{"displayName":"pads","imgUrl

javascript - 带有 ng-repeat 的 bootstrap-labels 之间没有间距

当我使用angular.js中的ng-repeat添加标签时,它们显示时没有间距。这是一个Plunker这证明了这一点。但是如果我手动添加标签,只是复制了html,那么它们将以空格显示。有没有办法像在纯Bootstrap中那样在标签之间添加空白而无需额外的样式? 最佳答案 您可以将HTML标记更改为此...Mypanel{{tag}}演示:http://bootply.com/113372 关于javascript-带有ng-repeat的bootstrap-labels之间没有间距,我

javascript - angular-ui 模态 Controller 内的 ng-model 输入未定义

在我的模态模板中,我尝试使用ng-model为我的Controller范围($scope.name)分配一个值,但它没有工作。它给了我undefined。我究竟做错了什么?Plunkerhere我希望模态创建自己的范围,并将name放入该范围,因为我使用了ng-model。它似乎在模态Controller内部处于事件状态,因为我可以使用{{name}}很好地输出它Name:OKOpenme!Javascript:angular.module('plunker',['ui.bootstrap']);varModalDemoCtrl=function($scope,$modal,$log)

javascript - Angular Material DatePicker 日历显示在 Angular Modal 后面

我有以下简单代码:它填充正常,但是当您单击它时,我可以看到的日历会在Angular模式窗口后面的阴影中弹出。*我正在使用这个日期选择器:https://material.angularjs.org/latest/demo/datepicker 最佳答案 你只需要将其放入模态的html模板中:.md-datepicker-calendar-pane{z-index:1200} 关于javascript-AngularMaterialDatePicker日历显示在AngularModal后面

javascript - 指令内部模板中的 ng-click 未提供功能

ng-click未提供警报。单击指令的内部模板时,不会显示警告框。fiddle链接在这里:http://jsfiddle.net/NNDhX/ 最佳答案 您的指令有其自己的隔离范围。所以函数“hi”应该在指令的范围内。如果你想传递Controller的功能,你应该进行绑定(bind),比如scope:{...,hi:'&'}然后.以下是相关文档的链接:UnderstandingTransclusionandScopes.所以只需将它添加到链接函数中就足够了:link:function(scope,element,attrs){sco

javascript - 如何访问和使用 ng-repeat 中每个项目的索引

我有一个表,其中每行的最后一列包含一个小加载图标,我想在单击表内的按钮时显示该图标。当使用ng-repeat生成每个表行时,加载程序会出现在每一行中,而不是单独的一行中。如何仅针对当前点击的索引将ng-show设置为true或false?模板:{{record.name}}SomeActionLoading...Controller:$scope.someAction=function(recordName){$scope.loading=true;}; 最佳答案 可以传入$index参数,设置/使用对应的索引。$index在ng-