angularjs - angularjsでデフォルトの条件付きCSSクラスを変更する

Question

テキストの長さでスタイルを設定したいと思います。true は赤、false は緑です。式で ng-class を使用します。ユーザーがクリックした後に CSS を変更することは可能ですか?

これは plunkr です: http://plnkr.co/edit/ndCqpZaALfOEiYieepcn?p=preview

<div>
 <p ng-class="{true:'green',false:'red'}[name.length>3 && toggle]">{{name}}</p>

 <p><b>Length: </b> {{name.length}} character(s)</p>

 <button ng-click="toggle=!toggle">Toggle class</button> 
</div>