问题标签 [angularjs-ng-click]

For questions regarding programming in ECMAScript (JavaScript/JS) and its various dialects/implementations (excluding ActionScript). Note JavaScript is NOT the same as Java! Please include all relevant tags on your question; e.g., [node.js], [jquery], [json], [reactjs], [angular], [ember.js], [vue.js], [typescript], [svelte], etc.

0 投票
3 回答
3288 浏览

angularjs - 添加后加载时 ng-click 不会触发

我正在尝试进行变量替换,同时还可以使用ngClick使其可点击。

我做了一个plunker demo(点击按钮,观察输入框保持不变)

标记:

角的东西:

ng-click="setValue('foobar')"问题是:为什么单击按钮时不触发。它应该在输入字段中设置值“foobar”。

0 投票
6 回答
57097 浏览

javascript - 使用 AngularJS 处理同一元素上的 ng-click 和 ng-dblclick

我一直在寻找 AngularJS 的单击和双击事件处理,因为即使为我们的元素设置了 ng-dblclick 指令,AngularJS 也总是只触发 ng-click 事件。

以下是寻求解决方案的人的一些工作代码:

JS:

HTML:

所以我的问题是(因为我是 AngularJS 新手):有经验的人可以写一些很好的指令来处理这两个事件吗?

在我看来,完美的方法是改变 ng-click、ng-dblclick 的行为并添加一些“ng-sglclick”指令来处理仅单击代码的代码。不知道这是否可能,但我会发现它对每个人都非常有用。

随时分享您的意见!

0 投票
3 回答
1771 浏览

angularjs - 在 ngTransclude 中使用 ngClick 触发函数

在使用 ngRepeat 时,我有一个从数组中加载四个项目的无序列表。列表项中的锚标记在 ngClick 属性中具有触发消息的功能。像这样使用时,函数调用效果很好:

我创建了一个简单的指令,用于插入带有列表项的无序列表。该列表加载得很好,但我之前提到的相同功能没有启动。代码如下:

这是我的 javascript 和 angularjs 代码:

我也有一个 plnkr,以防你想看看我试图做什么: http ://plnkr.co/edit/ycaAUMggKZEsWaYjeSO9?p=preview

谢谢你的帮助。

0 投票
10 回答
350773 浏览

javascript - 使用 ng-click 在 angularJs 中添加和删除类

我正在尝试如何使用 ngClick 添加一个类。我已经将我的代码上传到 plunker点击这里。查看角度文档,我无法弄清楚它应该完成的确切方式。下面是我的代码片段。有人可以指导我正确的方向吗

控制器

0 投票
3 回答
16933 浏览

javascript - jQuery 不能处理 ng-repeat 结果

我正在使用 ng-repeat 使用 jQuery 和 TB 构建手风琴。出于某种原因,这在硬编码时运行良好,但在 ng-repeat 指令内部时无法触发点击。

我在想问题出在 jQuery 没有绑定在事后加载的元素。因此,我认为与其在页面加载时加载脚本,不如在返回数据时在 .success 上加载函数。不幸的是,我无法弄清楚如何使这项工作。

测试页面http ://staging.converge.io/test-json

控制器

HTML

jQuery (在 ng-repeat 之外工作)

谢谢你的帮助!

0 投票
3 回答
24406 浏览

javascript - AngularJS:ngTouch 300ms 延迟

这个 Plunkr 有 2 个链接。左侧的一个使用 ng-click 指令并插入了 on angular-touch 模块。正如 ng-click 的角度触摸模块描述中所说,ng-click 链接不应有 300 毫秒的延迟。但如果你在移动设备上测试它,情况仍然如此。

那么 plunkr 是否会阻止正确的功能,因为它在 iFrame 或类似的东西中执行,或者是否需要将 Fastclick.js 插入到项目中才能使指令正常工作?没看懂,求大神帮忙

示例: http: //plnkr.co/NRRrmMFaIKg2zLu5C1Tg

编辑: angularjs 文档中的示例也不起作用。他们甚至没有插入角触摸模块。

0 投票
1 回答
165 浏览

javascript - 在 ng-click 上设置和显示当前数据?

我正在使用 Yeoman - 角度发生器。
JSBin:JSBin 链接

我有一个从工厂设置angApp.factory("Airports", function() {});并从 ng-repeat 显示的简单机场列表<ul ng-repeat="airport in airports.detail">

在此处输入图像描述

我想进行交互,当单击每个链接时,它将匹配机场代码并将其显示在新的段落标签<p class="current">Current: {{currentAirport.name}}</p>中。

setAirport(airport.code)为什么在html中单击机场链接时该功能不会设置currentAirport.name(或显示?)?

控制器

同一模块中的工厂服务

HTML

0 投票
1 回答
2664 浏览

angularjs - ng-click 执行属于不同控制器的 2 个方法

我有一个名称为PostControllerCommentController
PostController的控制器具有功能showPost CommentController
具有功能showComment
我想在单击按钮时执行这两个功能

在不指定嵌套控制器概念的情况下如何做到这一点

0 投票
3 回答
7892 浏览

angularjs - AngularJS 从列表中选择图像

我正在实现简单的图片列表。这是我的代码。我有 2 个问题: 1. 每当用户单击图像时,我都想做出一个选择。每当他选择一张图片时,它将清除另一个选择。我怎样才能做到这一点?2.我想使用fa-check(http://fontawesome.io/icon/check/)之类的图标而不是边框​​。我怎样才能在css中组合它?

谢谢!

css 文件

js文件

.html 文件

0 投票
1 回答
274 浏览

angularjs - Angularjs:ng-click 没有方法'$apply'

我将 DOM 元素附加到正文。在工厂编写代码。

一切正常,除了 ng-click。单击 div 时出现此错误:

我做错了什么?谢谢