title: angularjs two directives on one element
body: <p>I have two directives:</p>
  
  <pre><code>// Generated by CoffeeScript 1.6.3
  app.directive("focusMe", function() {
    return {
      scope: {
        focus: "=focusMe"
      },
      link: function(scope, element) {
        return scope.$watch("focus", function(value) {
          if (value === true) {
            element[0].focus();
            return scope.focus = false;
          }
        });
      }
    };
  });
  </code></pre>
  
  <p>and:</p>
  
  <pre><code>// Generated by CoffeeScript 1.6.3
  app.directive("cleanMe", function() {
    return {
      scope: {
        clean: "=cleanMe"
      },
      link: function(scope, element) {
        return scope.$watch("clean", function(value) {
          if (value === true) {
            element[0].value = "";
            return scope.clean = false;
          }
        });
      }
    };
  });
  </code></pre>
  
  <p>and this input (angularUI):</p>
  
  <pre><code>&lt;input type="text" ng-model="addUserSelected" typeahead="emp.value for emp in allUsers | filter:$viewValue | limitTo:5" typeahead-editable="false" typeahead-on-select="addLine($item.id)" focus-me="usersFocusInput" clean-me="usersCleanInput"&gt;
  </code></pre>
  
  <p>I get this error:</p>
  
  <pre><code>Error: [$compile:multidir] http://errors.angularjs.org/1.2.3/$compile/multidir?p0=cleanMe&amp;p1=focusMe&amp;p…2%20focus-me%3D%22usersFocusInput%22%20clean-me%3D%22usersCleanInput%22%3E
  </code></pre>
  
  <p>what do I do wrong?</p>
  
  <p>If I remove the clean-me property from the html it works.</p>
  
  <p>Thanks</p>