javascript - AngularJS - 在指令中绑定(bind)多个类

Question

我正在使用 Waves 插件，我想在 3 个不同的类上使用它。

在 jQuery 中我的代码是这样的

Waves.attach('.button', ['waves-button', 'waves-float']);
Waves.init();

在 Angular 中，我已经将其转换为指令

.directive('waves', function(){
        return {
            restrict: 'A',
            link: function(scope, element) {
                Waves.attach('.btn', ['waves-button', 'waves-float']);
                Waves.init();
            }
        }
    })

我有很多带有上述类的元素，在所有这些元素中，我必须使用一个额外的属性来使其工作 data-waves

为避免这种情况，我将指令限制为类，但我只能绑定(bind)一个类。

.directive('btn', function(){
      return {
          restrict: 'C',
          ...

当指令仅限于类时，如何将多个类绑定(bind)到单个指令？我期待一些像

.directive(['class1', 'class2', 'class3'], function(){
      return {
         restrict: 'C',

Answer 1

我认为您必须创建新指令但共享工厂函数。

function mySharedDirectiveFactory () {
  return {
  // directive object
  };
}
angular.module('myModule')
.directive('class1', mySharedDirectiveFactory)
.directive('class2', mySharedDirectiveFactory)
.directive('class3', mySharedDirectiveFactory);

无论如何，我认为最好的办法是只创建一个指令并将其限制为一个元素或一个属性，这样您就只有一个定义。