Выберите набор TDs условно с угловыми

Question

у меня есть:

<tr ng-repeat="row in rows">   
     <td>{{row.field1}}</td> 
     <td>{{row.field2}}</td> 
     <td>{{row.field3}}</td> 

     <td>{{row.field4}}</td> 
     <td>{{row.field5}}</td> 
     <td>{{row.field6}}</td> 
</tr> 

Теперь я хочу условный, где я выбираю либо field1-3 или field4-6 .. Так что сейчас это:

<tr ng-repeat="row in rows">   
     <td ng-if='row.isFirst'>{{row.field1}}</td> 
     <td ng-if='row.isFirst'>{{row.field2}}</td> 
     <td ng-if='row.isFirst'>{{row.field3}}</td> 

     <td ng-if='!row.isFirst'>{{row.field4}}</td> 
     <td ng-if='!row.isFirst'>{{row.field5}}</td> 
     <td ng-if='!row.isFirst'>{{row.field6}}</td> 
</tr> 

Который, когда у меня есть много столбцов напрягает ... Я хотел бы, чтобы как-то условную вне фактического «тд» как:

<tr ng-repeat="row in rows">   

    <% if row.isFirst { %> 
     <td>{{row.field1}}</td> 
     <td>{{row.field2}}</td> 
     <td>{{row.field3}}</td> 

     <% else { %> 

     <td>{{row.field4}}</td> 
     <td>{{row.field5}}</td> 
     <td>{{row.field6}}</td> 

     } %> 
</tr> 

вроде как подчеркивание ... Но кажется, что угловой не поддерживает внешние условия только условные элементы. Есть идеи?

Answer 1

Я собираюсь дать вам «угловой путь» или способ MVVM, а не совсем «технический трюк», который вы можете ожидать.

Угловой является MVVM каркасом, и поэтому вся ваша «логика» должна быть в контроллере или услугах, но не в представлении (html).

То, что вы пытаетесь достичь, чтобы дисплей:

Model1 ={ Column1: ‘a’, Column2: ‘b’, Column3: ‘c’} 

Или

Model2 ={ Column4: ‘d’, Column5: ‘e’, Column6: ‘f’} 

Если вы думаете, с точки зрения моделей и зрения, вы увидите, что гораздо проще, разделяющая и выполнение эти действия в вашем контроллере и иметь более легкий вид, который также имеет характер пути MVVM для решения этого.