angularjs 模板布局方法哪种效率比较高呢？

<div class="asse-div" ng-if="data.shopClass=='1'"><span class="assess1" ></span</div>
<div class="asse-div" ng-if="data.shopClass=='2'"><span class="assess2" ></span></div>
<div class="asse-div" ng-if="data.shopClass=='3'"><span class="assess3" ></span></div>
<div class="asse-div" ng-if="data.shopClass=='4'"><span class="assess4" ></span></div>
<div class="asse-div" ng-if="data.shopClass=='5'"><span class="assess5" ></span></div>
            

和

 <div class="asse-div">
     <span ng-class="data.shopClass== 1 ? 'assess1' : (data.shopClass== 2?'assess2' : (data.shopClass== 3?'assess3':(data.shopClass== 4?'assess4':'assess5')))" ></span>
 </div>
 
 以上两种方法哪种效率比较高呢？？？？？？？？用哪种比较好？？？

---

哪种都不好

用这个不是简洁多了

        <div class="asse-div"><span class="assess{{data.shopClass}}"></span</div>