草庐IT

ng-onclick

全部标签

javascript - AngularJS $animate.enter 不添加 ng-enter 和 ng-enter-active 类

我正在尝试将$animate服务合并到我自己的指令中。我无法进入并离开以实际设置动画。奇怪的是,使用$animate.enter,元素附加到DOM,回调函数触发。但似乎从未添加ng-animate、ng-enter和ng-enter-active类。该元素只是简单地附加到DOM而没有动画。回调函数触发,但它会立即触发,而不是在应该发生的动画持续时间之后触发。leave也会发生同样的事情;元素立即从DOM中删除,回调立即触发;没有动画。$animate.entervarapp=angular.module('TestAnimation',[]);app.controller('TestA

javascript - AngularJs Ng-Keypress 事件工作不正常?

我正在使用Angularjs开发一个应用程序。我在输入类型=文本中使用ng-keypress事件。在文本中键入值时,我在按键功能中得到了错误的值。例如,如果我第一次输入“1”,我会得到undefined.第二次,键入任何其他值给出第一个值varangularapp=angular.module('nameapp',[]);angularapp.controller('NameCtrl',function($scope){$scope.getValue=function(){alert($scope.NodeId_1);//Herefirsttimeundefinediscomingan

javascript - ng-list with line break as textarea delimiter in AngularJS >1.3

我使用的是AngularJS1.3,其中ng-list的语法略有变化(例如,它不再支持正则表达式)我正在尝试指定一个换行符作为文本区域中ng-list的分隔符。但是它不能正常工作。我尝试将ng-list设置为ASCII换行符 但是问题来了。当内容被编辑时(即向文本区域内容添加一个字符),它开始在每个字符处中断。如何在AngularJS1.3中正确指定换行符作为ng-list的分隔符?plunker链接:http://plnkr.co/edit/F37yA0LRHQXMh4caP3A0 最佳答案 我们应该使用ng-trim="

javascript - ng-if/ng-repeat 是否可以取模?

使用Angularng-repeat,我试图创建一个轮播,每个有3个s。我可以用每张幻灯片1个div轻松创建它,但无法获得3个。使用js,我通常使用模数(%)来确定索引是否可以被3整除,然后打开/关闭li那里。这可能与Angular相关吗?这就是我所拥有的(每张幻灯片1个项目):{{item}}这就是我要实现的目标(每张幻灯片3个项目):Item1Item2Item3Item4Item5Item6编辑此问题已被isherwood标记为重复。这个问题非常清楚地询问在ng-if中使用模数,而不是在Controller中。建议的副本很接近,但BettySt回答了下面的确切问题,并提供了代码示

javascript - 如何在angularjs中对ng-disabled进行检查?

我正在使用fuelUXWizard和Angular。我希望基于此Controller方法启用或禁用下一个按钮:$scope.canMoveForward=function(){switch($("#moduleWizard").wizard("selectedItem").step){case1://checkifthemoduleonthefirststepisvalid*/return$scope.validSelection&&$scope.linkedPredicateForm.$valid;case2://checkifthetableisemptyreturn!linkin

javascript - AngularJS ng-options 默认选择的选项

这个问题在这里已经有了答案:HowtohaveadefaultoptioninAngular.jsselectbox(23个回答)关闭8年前。如何使用ng-options设置默认选项?我已经在Controller中设置了它(使用Controller作为语法):this.myOption=this.myOptions[0];但是,这仍然返回一个空白的默认选项:如何将默认选项设置为模型中的第一个值(“项目1”)?Here'saJSBindemo.

javascript - $scope 的方法通过 ng-click 调用 : executed twice by IE

在我的Controller中:$scope.homeAction=function(){console.log("HomeAction");};在我看来:callhomeAction()单击按钮时,Chrome和Firefox会按预期执行该方法,但IE会执行两次。知道为什么吗?这是一个重现问题的plunker:http://plnkr.co/edit/pedZKjIVGDAYfMl0ZphJ. 最佳答案 只需将type="button"添加到您的按钮,它就会被修复。默认行为是提交,这显然会扰乱您的代码。callhomeAction(

asp.net - 将 "onclick"属性添加到 asp.net 下拉列表项

我可以像这样向RadioButtonList项目中的项目添加属性:PaymentMethodDropDownList.Items[0].Attributes.Add("onclick","javascript:showNoMethods();");PaymentMethodDropDownList.Items[1].Attributes.Add("onclick","javascript:showCreditCardMethod();");PaymentMethodDropDownList.Items[2].Attributes.Add("onclick","javascript:sh

javascript - 将 onclick 事件添加到 Sigma.js 中的节点

我在sigma.js中有一个非常简单的示例,它读取带有一些附加数据的gexf文件。//Instanciatesigma.jsandcustomizerendering:varsigInst=sigma.init(document.getElementById('graph-container')).drawingProperties({defaultLabelColor:'#fff',defaultLabelSize:14,defaultLabelBGColor:'#fff',defaultLabelHoverColor:'#000',labelThreshold:6,defaultE

javascript - react : Nested onclick also triggers parent

我使用slickcarousel的react版本制作了一个类似Netflix的carousel。您可以单击一个图block,然后该图block会展开以显示该图block的详细信息。例子:这要归功于Slicks处理动态高度的能力。我想在扩展部分添加一个关闭按钮(如最右侧所示)。但这就是我遇到的问题。如果我添加一个带有onClick处理程序的关闭按钮,它将始终触发显示展开部分的父级Onclick。showExpandedonclick函数只是设置一个showDetails状态。所以我的问题是:如何通过单击关闭按钮来设置状态,而不同时触发包装父级。我尝试了event.preventDefau