title: Unable to change angularjs directive template dynamically upon user action
body: <p>I'm trying to make an AngularJS directive (my first) with a dynamic template. The idea is simple, it will be a calendar where the user can switch view just like outlook (or insert your favorite calendar here). </p>
  
  <p>I have been trying all manner of compile, template, controller, link that I can find. I am clearly missing something.</p>
  
  <p>I am using an attribute to store the desired time period (so that it may be set in markup by default). A function is called from a button outside the directive which updates the attribute. The attribute updates as expected however I can't figure out how to get the template to re-render.</p>
  
  <p>plnkr provided.</p>
  
  <p><a href="http://plnkr.co/edit/oTE80hMc6DAP7fTmduvo?p=info" rel="nofollow">http://plnkr.co/edit/oTE80hMc6DAP7fTmduvo?p=info</a></p>
  
  <p>Any help would be greatly appreciated.</p>
  
  <p>Thanks,
  Eric</p>