问题标签 [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 投票
4 回答
25908 浏览

angularjs - Angular ng-click 事件委托

因此,如果我有一个 100 li 的 ul,每个 li 中是否应该有 ng-clicks,或者有没有办法将事件绑定到 ul 并将其委托给 li 的那种 jquery 做什么?这会更好还是更糟?我们有 100 个事件,还是最终只是一个事件?

0 投票
8 回答
361661 浏览

angularjs - 如何/何时使用 ng-click 调用路由?

假设您正在使用路线:

在您的 html 中,您希望在单击按钮时导航到 about 页面。一种方法是

...但似乎 ng-click 在这里也很有用。

  1. 这个假设正确吗?使用 ng-click 代替锚点?
  2. 如果是这样,那将如何运作?IE:

<div ng-click="/about">

0 投票
1 回答
7087 浏览

javascript - 从 ng-click 调用动态函数

我有以下 2 个函数/类

我创建了以下模块:

和以下控制器:

现在在我的 html 中,我想调用字典中每个小工具的 click 方法,如下所示:

但这不起作用,你能帮帮我吗?

0 投票
2 回答
33799 浏览

javascript - AngularJS - 多次点击 - 事件冒泡

在以下示例中:

当我单击该按钮时,showItem()也会由于事件冒泡而被调用。我知道我可以$event用来观察$event.currentTarget和做$event.stopPropagation()等,但这很丑陋。

顺便提一句。我不想停止传播button(在我的情况下button是一个twitter bootstrap dopdown/button- 这只是一个例子)

showItem()当我点击按钮时如何停止蜂鸣remove

编辑 丑陋的解决方法是:

0 投票
8 回答
44659 浏览

angularjs - ng-click 在 ng-repeat 中不起作用

ng-click 在 ng-repeat 内部不起作用。在外面它工作。我在这里放了一个小提琴

0 投票
1 回答
2740 浏览

data-binding - ng-click 范围属性未按预期更新

我对角度如何更新范围上的属性感到困惑。这是我的代码的人为版本。我希望在更改$scope.name时自动更新$scope.open

jsfiddle

看法

控制器

我可以$scope.nameclick回调中更新,但我希望 Angular 可以为我做到这一点。

jsfiddle

我做错了什么,还是这是预期的行为?

0 投票
1 回答
9039 浏览

angularjs - ng-click 不会从模板内触发

在 AngularJS 中,是否可以在没有指令或 routeProvider 的情况下从模板中调用方法来绑定范围?

我的具体问题是我的主控制器 (AppCtrl) 位于我的索引页的正文中。在索引上,我使用 ngView 根据路由提取模板。除了默认模板之外,每个 routeProvider 都有自己的控制器。我假设由于范围继承,我可以使用模板中使用 AppCtrl 定义的方法,但尝试仅执行简单的警报或 console.log 不会注册任何内容。我知道 $scope 正在访问模板,因为我的数据正确显示。

这似乎是一个 $scope 问题,但我不确定如何解决它。我是否需要创建一个指令来显式绑定它们?

索引.html

应用程序.js

控制器.js

列表.html

0 投票
7 回答
474317 浏览

angularjs - 在 ng-repeat 中向 ng-click 函数添加参数似乎不起作用

我有一个简单的循环,ng-repeat如下所示:

控制器中有一个功能$scope.removeTask(taskID)

据我所知,Angular 将首先渲染视图并用{{task.id}}数字替换插值,然后在单击事件时评估ng-click字符串。

在这种情况下ng-click,完全符合预期,即:ng-click="removeTask(5)".但是......它没有做任何事情。

当然,我可以编写代码task.id$tasks数组甚至 DOM 中获取,但这似乎不像 Angular 的方式。

那么,如何将动态内容添加到循环ng-click内的指令中呢?ng-repeat

0 投票
2 回答
3857 浏览

angularjs - 在使用 AngularJS 编译时绑定 ng-click 函数

当我们在编译阶段尝试向元素添加 ng-click 功能(链接到控制器操作)时,它不起作用。

如果它在链接函数中,我们可以让它工作,但是由于我们需要一个编译函数,所以不调用链接。

任何人都可以帮忙吗?

HTML:

JS:

看到这个jsfiddle

0 投票
2 回答
110221 浏览

angularjs - 使用 ng-click 传递对 DOM 对象的引用

我在 ng-click 上有多个具有相同回调的元素:

如何获取对调用 doSomething 的对象的引用?(我需要从中删除一个attr)