title: How do I control whether a HTML5 details tag is open or not with AngularJS
body: <p><a href="http://www.w3schools.com/tags/tag_details.asp" rel="nofollow">The HTML details tag</a> is a collapsible chunk of content. You declare a closed (collapsed) details tag by writing</p>
  
  <pre><code>&lt;details&gt;Some stuff&lt;/details&gt;
  </code></pre>
  
  <p>And an open (expanded) one by writing</p>
  
  <pre><code>&lt;details open&gt;Some stuff&lt;/details&gt;
  </code></pre>
  
  <p>How do we dynamically add and remove attributes from a tag (in this case specifically the <code>open</code> attribute) with Angular?</p>