<h1>Example: ngStyle</h1>
<p>ngStyleはStyle属性を動的に操作します。</p>
<div ng-app>
  <p ng-style="myStyle">Sample</p>
  <ul>
    <li>
      <input type="radio" 
             id="textColorRed" 
             name="textColor" 
             ng-click="myStyle={ color: 'red'}"
             > 
      <label for="textColorRed">Color: Red</label>
    </li>
    <li>
      <input type="radio" 
             id="textColorGreen" 
             name="textColor" 
             ng-click="myStyle={ color: 'green'}"
             > 
      <label for="textColorGreen">Color: Green</label>
    </li>
    <li>
      <input type="radio" 
             id="textColorBlue" 
             name="textColor" 
             ng-click="myStyle={ color: 'blue'}"
             > 
      <label for="textColorBlue">Color: Blue</label>
    </li>
  </ul>
</div>

@import "bourbon";

body {
  padding: 1.5rem;
}