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

Question

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

和

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

Answer 1

Rien n'est bon

N'est-il pas beaucoup plus simple d'utiliser ceci

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