【问题标题】:Angular Dynamically generated ID locate for eventAngular 为事件动态生成的 ID 定位
【发布时间】:2015-07-30 17:13:40
【问题描述】:

使用 jQuery,我可以定位和 ID 以“conditionValue”开头

$(document).on('focus', "[id^=conditionValue]", function (event) {
    // code
});

如何在 Angular 中找到以“conditionValue”开头的 ID。我可能想要一个按钮点击事件。

因此,这在下面不起作用,因为它只会以 conditionValue 开头并且更像conditionValue434

因此下面的代码需要修改。

$scope.conditionValue= function () {
    // code 
};

【问题讨论】:

  • 您使用的是什么版本的 Angular? Angular 附带 jQuery lite (jqLit​​e),因此您可以像通常在 jQuery 中一样进行操作。通常这不是推荐的方法。您需要提供更多信息。

标签: javascript jquery angularjs angularjs-scope


【解决方案1】:

如果你打算处理点击事件,AngularJS 的方式是使用ng-click 指令。

因此,您的 HTML 代码将是:

<div id="conditionValue434" data-ng-click="myClickEventHandler($event)"></div>

然后在您的控制器中,您将定义您的点击事件处理程序:

$scope.myClickEventHandler = function (evt) {
    //evt is the jQuery event object or the jQLite object
    //Some code here
};

但是,如果您打算将 click 事件处理程序添加到可能存在或可能不存在的 DOM 元素,并且您特别需要侦听 DOM 元素的事件,则 AngularJS 方法是创建一个 @987654321 @.
上面提到的参考资料有很好的例子来帮助你入门。

【讨论】:

  • 完美的工作。如何获取动态生成的 ID 的值?所以在里面 $scope.myClickEventHandler = function () { //这里有一些代码 };谢谢
  • 我已经编辑了我的代码以添加事件对象。你可以阅读更多关于它的信息here。您可以使用该对象来获取有关目标的更多信息。
猜你喜欢
  • 2014-07-08
  • 1970-01-01
  • 2012-09-12
  • 2019-07-04
  • 2010-11-19
  • 1970-01-01
  • 1970-01-01
  • 2018-02-15
  • 1970-01-01
相关资源
最近更新 更多