如何使用angularJS和jqlite测试event.target.hasClass（）？ [英] How to test if event.target.hasClass() using angularJS and jqlite?

问题描述

点击后将事件传递给ctrl。我想编写一个条件，如果 element.target 具有类 modal-click-shield <，则返回true / p>

问题：

如何使用 .hasClass （）使用 event.target 使用angulars' jqlite ？

问题：

目前我收到类型错误，说：

  $ scope.exitModal = function（event）{
 //退出模态时返回当前页面，通过UI。 
 //状态返回后，应将焦点设置在匹配链接上。 
 var target = event.target; 
 console.log（target.hasClass（'modal-click-shield'））; 
}）; 
  

错误：

  TypeError：undefined不是函数
  

Html：

 < div class =modal-click-shieldng-click =exitModal（ $事件）> 
< div ui-view =pdwclass =product-container>< / div> 
< / div> 
  

解决方案

来自事件的元素。 target 是常规HTMLElement，而不是JQlite版本。你需要这样做才能转换它：

  angular.element（event.target）; 
  

After a click pass the event to ctrl. I want to write a conditional that will return true if the element.target has the class modal-click-shield

Question:

How can I use .hasClass() with event.target using angulars' jqlite?

Problem:

Currently I'm getting a type error saying that:

$scope.exitModal = function(event){
        // Return to current page when exiting the modal, via UI.
        // After state return, should set focus on the matching link.
        var target = event.target;
        console.log(target.hasClass('modal-click-shield'));
});

Error:

 TypeError: undefined is not a function

Html:

  <div class="modal-click-shield" ng-click="exitModal($event)">
     <div ui-view="pdw"  class="product-container"></div>
  </div>

解决方案

Your element from event.target is a regular HTMLElement, not the JQlite version. You need to do this to convert it:

angular.element(event.target);

这篇关于如何使用angularJS和jqlite测试event.target.hasClass（）？的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！