AngularJS：如何针对具有多个实例的特定指令

发布时间：2020-12-17 17:37:34 所属栏目：安全来源：网络整理

导读：我有一个指令的多个实例,我想只针对一个特定的实例.例如,在下面的代码中,我如何确保class =“one”的div是唯一一个由事件$rootScope触发的div.$broadcast(‘myEvent’). JS： myApp.directive('myDirective',function() { return { restrict: 'A',controller

我有一个指令的多个实例,我想只针对一个特定的实例.例如,在下面的代码中,我如何确保class =“one”的div是唯一一个由事件$rootScope触发的div.$broadcast(‘myEvent’).

JS：

myApp.directive('myDirective',function() {
    return {
        restrict: 'A',controller: function(scope,el,attrs) {
            scope.$on('myEvent',function() {
                el.css({left: '+=100'});
            });
        },};    
});

HTML：

<div my-directive class="one"></div>
<div my-directive class="two"></div>

解决方法

您应该在事件处理程序中执行此检查：

myApp.directive('myDirective',function() {
  return {
    restrict: 'A',attrs) {
        scope.$on('myEvent',function(ev,args) {
          //do the check - you could provide a function,a value or something else
          if(el.hasClass(args.class)){
            el.css({left: '+=100'});
          }
        });
      },};    
});

然后在$broadcast中添加参数

$rootScope.$broadcast('myEvent',{class:'one'})

（编辑：李大同）

【声明】本站内容均来自网络，其相关言论仅代表作者个人观点，不代表本站立场。若无意侵犯到您的权利，请及时与联系站长删除相关内容!