草庐IT

ng-onclick

全部标签

javascript - 如何使用javascript向元素添加onclick事件

我使用document.getElementsByClassname创建了一个元素,并想向该元素添加一个onclick事件,以便当有人点击该元素时应调用onclick函数。我尝试使用事件监听器,但即使我没有点击任何功能,它也会执行。使用jQuery我们可以通过绑定(bind)点击事件来做到这一点,但我的要求是在javascript/谢谢!element.addEventListener("click",alert('clicked'),false);//AddonclickeventListenervarelement=document.getElementsByClassName('

javascript - Ng-grid 无法设置未定义的属性 'gridDim'

我是Angular的新手,我尝试在costroller的函数中为ng-grid声明gridOption。它会导致错误:TypeError:无法设置未定义的属性'gridDim'我尝试在模板中使用$scope.apply和ng-if来解决它。但是这对我没有任何帮助。感谢任何建议:Controller的方法:$scope.getTest=function(){$http.get('http://www.iNorthwind.com/Service1.svc/getAllCustomers').success(function(data,status,headers,config){//$s

javascript - 为什么在禁用为真时不 react 禁用 onClick 处理程序?

我希望在React组件上设置禁用属性会阻止该元素的onClick处理程序。View但是尽管该元素显示了“已禁用”属性,它仍然会注册一个点击事件。编辑:我应该澄清一下——我在handleLink中处理点击事件,我想知道为什么disabled属性没有删除处理程序?抱歉造成任何混淆。 最佳答案 问题不在于disabled;它与HTML元素a一起使用.主播不能有disabled属性(那是什么意思?)。仅仅因为您已经通过CSS使元素看起来像一个按钮,并不能使它成为一个按钮。它仍然是一个anchor。解决方案是使用其他东西(如按钮):View您

javascript - 用于 $rootScope 的 AngularJS ng-if

在Angularjs项目中,我试图获得pnly显示如果$scope.page=='app'在我的Controller中$rootScope.page='app'$scope.page='app'也是如此但是当我在我的DOM中使用以下内容时,当我在该页面上时它不会显示。ShowMe 最佳答案 尝试ShowMe 关于javascript-用于$rootScope的AngularJSng-if,我们在StackOverflow上找到一个类似的问题: https://

javascript - 如何为 JavaScript 生成的文本框附加 onclick 事件?

我有一个包含文本框的表格行,它有一个显示JavaScript日历的onclick...我正在使用文本框向表格中添加行,但我不知道如何将onclick事件附加到生成的JavaScript文本框...然后我的JavaScript生成一个文本框,varcell2=row.insertCell(1);cell2.setAttribute('align','center')varel=document.createElement('input');el.className="date_size_enquiry";el.type='text';el.name='attendanceDateadd'

javascript - onClick 优先于 javascript 中的 addEventListener?

现在,我有一个事件监听器可以监听屏幕上的点击。屏幕上还有一个按钮。当我点击按钮时,事件监听器将在onclick之前执行。有没有办法让onclick具有更高的优先级?document.body.addEventListener('click',function(){alert('1');},false);functionclicked(){alert('2');}Clickthis单击按钮也会触发事件处理程序。当我单击按钮时,1显示在2之前。我想要2先显示。 最佳答案 addEventListner的第三个参数是useCapturef

javascript - 如何从 Angular JS ng-repeat 中的数组访问第一个值

这是数组["236.jpg","239.jpg","294.jpg","748.jpg","157.jpg","446.jpg","871.jpg","778.jpg"]我要访问"236.jpg".下面是我用来获取顶部数组的代码。现在我如何使用下面的代码获取第一个项目?{{x.images}}请帮我找出解决方案。这里是完整代码{"info":[{"id":"11","name":"brown","description":"fasdfasd","size":"fasdf","color":"5a72fb","created_at":"2015-09-0822:33:33","updat

javascript - 我如何通过 angularJS 中的嵌套键值对正确地重复 ng-repeat

查看实时代码:AngularJS究竟如何才能正确地遍历嵌套的键值对并像下面这样正确地输出它们?我想要的View是这样一棵树-touts-classes-col-12-col-md-12-col-lg-12当前View是:touts{"classes":["col-12","col-md-12","col-lg-12"]}JS:varcurrentApp=angular.module('currentApp',[]);currentApp.controller('ACtrl',function($scope){$scope.templates={'touts':[{'classes':[

Javascript "this"onclick 事件引用无效

我正在尝试调用带有“onclick”事件的函数:在函数本身中,我指的是“this”:functionmove(e){varmyId=this.id;alert("myId");}当我运行整个程序时,警报显示“未定义”。当我尝试alert(this)时,我得到了[objectwindow]。顺便说一句,我正在使用IE9。谢谢 最佳答案 this是您代码中的window对象。您可以将this作为参数传递。然后:functionmove(ele){varmyId=ele.id;alert("myId");}

javascript - angularjs ng-选项不起作用

我尝试使用AngularJS制作一个简单的选择下拉列表这是我的代码:create_options_array(item.values)是这种形式:[{"id":0,"name":"OG"},{"id":1,"name":"OS"},{"id":2,"name":"PG"},{"id":3,"name":"PS"}]出现了选择下拉菜单,但它没有任何可供选择的值,我做错了什么? 最佳答案 我相信您缺少ngModel指令,并且您正在以错误的方式调用ng-options指令。我做了plunkerhere它会在哪里工作。