 <p>I have found <a href="https://docs.angularjs.org/api/ng/directive/ngSwitch" rel="nofollow"><code>ng-switch</code></a> works the best in this case.</p> <p>You can use it like:</p> <pre><code> &lt;div class="the-parent" ng-switch="row.statusId"&gt; &lt;span class="fa fa-circle-o fw" ng-switch-when="Status.NotSet" style="padding-left: 0.3rem;"&gt;&lt;/span&gt; &lt;span class="fa fa-unlock fw" ng-switch-when="Status.Clean" style="padding-left: 0.3rem;"&gt;&lt;/span&gt; &lt;span class="fa fa-wrench fw" ng-switch-when="Status.Dirty" style="padding-left: 0.3rem;"&gt;&lt;/span&gt; &lt;span class="fa fa-cloud-upload fw" ng-switch-when="Status.Saving" style="padding-left: 0.3rem;"&gt;&lt;/span&gt; &lt;span class="fa fa-check fw" ng-switch-when="Status.Saved" style="padding-left: 0.3rem;"&gt;&lt;/span&gt; &lt;span class="fa fa-warning fw" ng-switch-when="Status.SaveError" style="padding-left: 0.3rem;"&gt;&lt;/span&gt; &lt;/div&gt; </code></pre>