草庐IT

ng-onclick

全部标签

javascript - 使用 ng-repeat 和过滤器时数组中对象的 $index

我对Angular还很陌生,并且已经能够绕过一些地方。但我似乎无法找到这种情况的答案......我有一组对象,我正在从firebase中拉下来。我正在对对象使用ng-repeat,然后相应地显示数据。我试图将索引作为路由参数传递给“编辑”Controller。在这种情况下,我想像预期的那样提取对象数据。但是,当我过滤ng-repeat时,我得到了过滤内容的索引。我在寻找真实索引时哪里出错了?.config(['$routeProvider','$locationProvider',function($routeProvider,$locationProvider){$routeProv

javascript - 为什么我不能使用 onClick 在 jQuery $(document).ready 函数中执行函数?

我是JavaScript和jQuery的新手。我想点击一个按钮并执行一个js函数。(对于这个例子,它只是一个警报,但它实际上是一个ajax函数。)出现第一个警报,但在我单击按钮后,我再也看不到第二个(“做了”)警报。看起来JavaScript认为在单击按钮时没有定义doIt()函数。相关代码如下:$(document).ready(function(){alert('ready');functiondoIt(){alert('didit');};}) 最佳答案 这是因为该函数不在全局上下文中,而您的onclick=""正在寻找它。您

javascript - ng-annotate 错误与 Babel 和解构

使用Babel转译为ES6时出现奇怪的错误,ng-annotate不喜欢解构。我将我的源代码复制到在线babel编译器中,它工作正常。在我的gulp管道链中注释掉ng-annotate可以消除错误。删除文件中的/*@ngAnnotate*/注释并手动注入(inject)也不会改变任何东西。Gulp部分:returngulp.src(config.scripts.app).pipe(changed(config.dist+'/scripts')).pipe(plumber()).pipe(annotate())//Filteroutandtranspileonly.es6.jsfiles

javascript - Angularjs 中的 ng-touchstart 和 ng-touchend

我有一个元素可以在ng-mousedown和ng-mouseup上触发函数。但是,它在触摸屏上不起作用,是否有类似ng-touchstart和ng-touchend的指令? 最佳答案 有一个模块:https://docs.angularjs.org/api/ngTouch但是您也可以为事件编写自己的指令:TouchMe;)M-m-mvarapp=angular.module('plunker',[]);app.controller('MainCtrl',['$scope',function($scope){$scope.touche

javascript - 是否可以在不改变其功能的情况下禁用 onclick?

我知道禁用元素上的onclick事件的方法是:element.onclick=null;启用:element.onclick=function(){//something};或element.addEventListener("click",me);这很好,但是当您有多个元素时-每个元素都具有相同的功能但参数值不同-使用这种方式会变得有点烦人。有没有一种方法可以在不牺牲初始函数及其参数的情况下禁用它?我想保持该功能的原样,而不必将其设置为null或其他内容以禁用它。 最佳答案 使用disabled属性来禁用按钮。EnabledDis

javascript - <tr> onClick 不工作

我想使用JS将我的表格行变成链接。我让它看起来像这样:但是,当我尝试点击时,它并没有按我想要的那样转到页面。其实点击好像没有任何Action。有什么帮助吗?编辑:至于引用,我忘了说我是用PHP来呼应的。这是我更新的代码:echo"";在这种情况下,我应该像/"那样进行某种转义吗? 最佳答案 首先,事件处理程序中没有javascript:-它们包含JavaScript代码,而不是URL。它之所以有效,是因为javascript:在这种情况下是一个标签,因此不是语法错误。除此之外,任何具有适当语法高亮显示的编辑器都会向您显示您正在打破引

javascript - Angular UI.Bootstrap 单选按钮与 ng-repeat 的行为很奇怪

这个问题在这里已经有了答案:Settingandgettingbootstrapradiobuttoninsideangularrepeatloop(1个回答)关闭9年前。我在Angular的ui.bootstrap中为radio模型动态生成选项时遇到问题。我想我可以简单地ng-repeat一个数组,使用它的btn-radio属性的内容,如下所示://inthecontroller$scope.radioModel=undefined;$scope.radioModelButtons=["a","b","c"];//inthehtml{{value}}我使用的是angular1.1.4

javascript - 设置 onclick 以在循环中使用变量的当前值

这个问题在这里已经有了答案:JavaScriptclosureinsideloops–simplepracticalexample(44个答案)关闭4年前。标题可能没有意义,单独的描述也没有意义,所以这里有一个代码示例:for(vara=0;a奇怪的是,当我将innerHTML设置为a时,它使用a的当前值。所以,这段代码创建了十个值为0、1、2、3、4、5、6、7、8和9的元素。这非常有效。但是,没有的是onclick函数。它返回a的最终值(10)单击这些元素中的任何一个时。我试过将另一个变量设置为a然后在onclick事件中使用其他变量,但它仍然返回a的最终值.我如何让它使用a的值?

javascript - 隐藏输入和 AngularJS ng-model 绑定(bind)

我想在添加数量时使用AngularJS来计算产品的总价。我有如下代码:TotalPrice:{{TotalPrice}}AddItems在我的Controller中,我有:$scope.TotalPrice=$scope.Price*$scope.Quantity;我知道Angular不支持隐藏,但我正在寻找解决问题的最佳实践。请考虑按钮不是用于计算TotalPrice而是发送最终结果。我希望它实时更新。 最佳答案 在你的情况下,因为你只想使用演示:Fiddle 关于javascript

javascript - 在 onclick 处理程序中修改目标 url

是否可以在onclick处理程序中修改目标URL?怎么办?我不想使用像window.location=...这样的东西,因为它会改变浏览器的行为(点击vsctrl-click,在新标签页中打开,在特定窗口中打开/框架等...)。我想要一个干净的解决方案-只需更改url,其余的应该像往常一样自行完成。$(...).click(function(){if(check_some_condition)//modifytargeturlhere...//donotwanttodowindow.location=-thisisnotclean//asitchangesthebrowsers'beh