title: AngularJS directive called twice fail
body: <p>I am having (probably) a really easy issue, but the thing is that I had spent more time than expected trying to solve it and i haven't done it yet. </p>
  
  <p>My directive in the application is hard to replicate, so, for the purpose of simplicity I made a script in <a href="http://jsfiddle.net/abottoni/DewZb/1/" rel="nofollow">JSFiddle</a> with a simple directive but with the same result.</p>
  
  <p>Essentially, the problem is related to a directive that have been called twice using different options on each. The result is that the directive rendered always takes the value of the first set of options (and sometimes only with the second set).</p>
  
  <p>My HTML: </p>
  
  <pre><code>&lt;div ng-controller="MyCtrl"&gt;
      &lt;button-menu options="options1" /&gt;
      &lt;button-menu options="options2" /&gt;
  &lt;/div&gt;
  </code></pre>
  
  <p>My options (In the controller):</p>
  
  <pre><code>// Button Options        
  $scope.options1 = {
      id: "1",
      buttonTemplate: "&lt;span style=\"font-size:16pt\"&gt;Button 1&lt;/span&gt;"
  };
  
  $scope.options2 = {
      id: "2",
      buttonTemplate: "&lt;span style=\"font-size:10pt\"&gt;Button 2&lt;/span&gt;"
  };
  </code></pre>
  
  <p>I have no idea what I am doing wrong, but actually this is the first time that I need a directive running at least twice in a same page, so probably I am missing something.</p>
  
  <p>Any ideas? </p>
  
  <p>Thanks</p>