草庐IT

ng-mouseover

全部标签

javascript - 使用 ng-repeat 创建 AngularJS 表

我从数据库得到以下响应。关于类(class)数组,其中类(class)嵌套在组中,最后是学生。"Response":[{"Id":1,"Name":"Class1","Location":"Building1","Groups":[{"Id":1,"Name":"GB1","Students":[{"Id":1,"Name":"Mike","RollNo":"1","Performance":{"Id":1,"Math":"90","Physics":"70","English":"60"}},{"Id":2,"Name":"John","RollNo":"2","Performanc

javascript - ng-repeat:在点击时显示一个项目并隐藏其他项目

我有一个ng-repeat,它显示div列表,当我点击其中一个时,它会为点击的项目显示一个附加的div。这是有效的{{item.title}}{{item.content}}{{item.info}}我的项目是从一个包含项目列表的json加载的,每个项目在这个json中都有一个默认属性showfull设置为false。这是有效的,但现在我想在单击某个项目时隐藏列表中的所有其他项目。我尝试过这样的事情:这不起作用{{item.title}}{{item.content}}{{item.info}}在Controller中我添加了一个函数:$scope.expand=function(e)

javascript - Angular ng-model 动态 getter 和 setter

我想将ng-model与外部模型服务一起使用。该模型有两个方法:getValue(variable)和setValue(variable)。所以在我的html中我希望能够做到:Note:balanceisnotdefinedon$scopeinmycontroller.Andbecausewearedealingwithmorethen4000differentvariables,Idon'twanttodefinethemallon$scope.然后在更改时它必须调用模型的setValue()方法。所以在我的Controller中我想有这样的东西:$catchAllGetter=fu

javascript - 当我在 html 标签中使用 ng-controller 时,Angular 停止工作

这个问题在这里已经有了答案:Controllernotafunction,gotundefined,whiledefiningcontrollersglobally(14个答案)关闭7年前。我是Angular.js的新手,开始在plunker.co上学习Angular。问题是当我在html页面的任何标签中使用ng-controller时,angular停止工作。我的意思是{{4+4}}显示,因为它是在使用ng-controller之后显示的。这是来自Plunker.co的代码HelloPlunker!{{8*8}}{{message}}没有ng-controller它显示64作为输出但

javascript - ng-change 不适用于输入

我是AngularJS的新手,目前正在努力解决以下问题。如你所见hereinmyplnkr我可以更改$scope.myDate.value的值.现在的问题是,在添加ng-change="barFunc()"时,我无法在函数中使用此范围。到.如何使用ng-change或ng-watch这里?如果有人能让我的plnkr工作,那就太好了。input{margin:45px015px0;}pre{padding:15px;text-align:left;}myDate:{{myDate.value}}myDate+"abc":{{custom.value}}angular.module('de

javascript - MouseOver/MouseOut 事件监听器继承到子节点?

编辑:解决方案感谢Gaby寻求解决方案的帮助!没有完全按照我想要的方式工作,找到了一个根据答案修改的更好的解决方案。我所做的只是在两个元素(目标和相关目标)不共享父元素时执行鼠标悬停/鼠标移出功能。只是稍微修改了Gaby的示例,一切正常。只要你的弹出窗口与生成它的任何东西都在同一个div元素内(即使它在主要内容之外,你可以附加它并显示溢出)并且你不会在到达它的途中在非共享元素之间穿梭,它会活着。divContents.addEventListener('mouseover',mouseEnter(showPopup,divContents));divContents.addEventL

javascript - cSlider : stop autoplay on mouseover

如何通过onmouseover事件停止cSlider的自动播放功能?HTML:TextMoretext到目前为止,我对jQuery的尝试:$(function(){$('#da-slider').cslider({autoplay:true,bgincrement:450});});$('#da-slider').hover(function(){if($('#daslider').autoplay('true')){autoplay:false}},function(){autoplay:true});这是我正在使用的:http://tympanus.net/codrops/2012

javascript - ng-click 与 Angular 中的 watch

我有一个加载JSON文件然后使用该数据创建HTML5Canvas绘图的指令(即json数据包含文本、颜色、位置等内容)。我还有许多输入字段(文本、slider等),允许用户操作绘图。我看到我可以$watch这些元素中的每一个或使用ng-click并调用一个函数-有推荐的方法吗?一些可能相关的注释:表单元素和Canvas都是同一个指令模板的一部分表单元素对变化使用react,因此没有提交按钮这些表单元素值中的每一个都经过检查,可能会进行转换,然后修改json字符串。然后我调用一个刷新函数,用新数据重新加载我的Canvas。我也有可能以错误的方式处理这个问题......

javascript - 从 RouteProvider 定义 ng-view ="NAME"

我真的是Angular的新手,我有一个关于将模板或URL发送到ng-view的小问题。但是我打算做的方式可能必须在我的基本模板中使用ng-view。当我的模板库是这样的时候:我的JS看起来像:varapp=angular.module('myApp',[]).config(['$routeProvider','$locationProvider','$httpProvider',function($routeProvider,$locationProvider,$httpProvider){$routeProvider.when('/home',{templateUrl:'/conta

javascript - AngularJS 和 i18n : apply ng-repeat filters after translating list items properties

JSFiddle:http://jsfiddle.net/X2fsw/2/我尝试使用angular-translate创建多语言AngularJS应用程序.我的代码中嵌入了一个静态项目列表。此列表的每个项目都有一个标题,该标题必须以当前选择的语言显示。翻译是在翻译服务的帮助下直接在View中完成的。示例:{{myObject.title|翻译}}。我希望使用ng-repeat显示列表,然后按项目标题过滤它。但是,过滤器应用于翻译键,而不是翻译后的字符串。在保持运行时切换语言的能力的同时更正此行为的最佳方法是什么?我可以在每次语言更改时将翻译后的字符串存储为另一个属性(例如myObjec