一个angularjs指令可以要求自己吗？

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

导读：指令是否需要自己？这是一个 example： app.directive('menu',function () { return { restrict: 'E',require: '?^menu',link: function(scope,element,attrs,ctrl) { console.log('ctrl: ',ctrl); if (ctrl) { element.addClass('nested'); } else { elemen

指令是否需要自己？这是一个 example：

app.directive('menu',function () {
  return {
    restrict: 'E',require: '?^menu',link: function(scope,element,attrs,ctrl) {
      console.log('ctrl: ',ctrl);

      if (ctrl) {
        element.addClass('nested');
      } else {
        element.addClass('notnested');
      }
    }
  };
});

在我的测试中它似乎不起作用(ctrl总是未定义).见plunk

顺便提一下,在回答了这个问题后,我发现在这种情况下,插入符号(^)没有效果,传递给链接函数的控制器总是实例自己的控制器. [plunk]

解决方法

您应该直接定义控制器函数以将指令API暴露给其他指令：

app.directive('menu',controller: function($scope){  },ctrl);

      if (ctrl) {
        element.addClass('nested');
      } else {
        element.addClass('notnested');
      }
    }
  };
});

见http://plnkr.co/edit/cKFuS1lET56VOOYD5rrd?p=preview

（编辑：李大同）

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