title: How can I update an angular directive attribute dynamically?
body: <p>I'm playing with <a href="https://github.com/siddii/angular-timer" rel="nofollow">Angular Timer</a>, what I want to do is to be able to change the "countdown" on event. I've tried this</p>
  
  <pre><code>&lt;timer interval="1000" countdown="{{countdown}}"&gt;{{minutes}}:{{seconds}}&lt;/timer&gt;
  </code></pre>
  
  <p>with the guts of my controller looking like</p>
  
  <pre><code>// setup
  ...
  $scope.timerRunning = true;
  $scope.countdown    = 10;
  ...
  </code></pre>
  
  <p>I want to be able to dynamically update the countdown based on conditions handled in my controller, e.g. have it add 10 on each complete ( I know how to deal with the event, it's just a matter of making the directive update the countdown)</p>