title: How to use two custom directives in a single HTML element
body: <p>I have two custom directives; namely <code>directiveA</code> and <code>directiveB</code>.
  Both are custom directives performing two different actions</p>
  
  <pre><code>&lt;input type="text"
         name="order_value"
         data-ng-model=""
         directive-a="{{formatText}}"
         directive-b="{{test}}"/&gt; 
  </code></pre>
  
  <p>But when I use both directives, the element is not shown. If I use only one of the directives it's working properly.</p>
  
  <p>My console is displaying the following error.</p>
  
  <blockquote>
    <p>Error: error:multidir Multiple Directive Resource Contention</p>
  </blockquote>
  
  <p>What should I do to be able to use both my directives on the same element?</p>