title: AngularJS - Binding multiple classes in directive
body: <p>I'm using Waves plugin and I want to use this on 3 different classes. </p>
  
  <p>In jQuery my codes goes like this</p>
  
  <pre><code>Waves.attach('.button', ['waves-button', 'waves-float']);
  Waves.init();
  </code></pre>
  
  <p>In Angular I have converted this to a directive</p>
  
  <pre><code>.directive('waves', function(){
          return {
              restrict: 'A',
              link: function(scope, element) {
                  Waves.attach('.btn', ['waves-button', 'waves-float']);
                  Waves.init();
              }
          }
      })
  </code></pre>
  
  <p>I have many elements with above mentioned classes and in all of them, I have to use an extra attribute to make it work <code>data-waves</code></p>
  
  <p>To avoid this, I've restricted the directive to class but I was able to bind only one class.</p>
  
  <pre><code>.directive('btn', function(){
        return {
            restrict: 'C',
            ...
  </code></pre>
  
  <p>How can I bind multiple classes to a single directive when it's restricted to class? I'm expecting some thing like </p>
  
  <pre><code>.directive(['class1', 'class2', 'class3'], function(){
        return {
           restrict: 'C',
  </code></pre>