single th in tr mit ng-repeat

Question

Kann ich einen Wert des th-Elements in tr mit ng-repeat anzeigen? Diese

ist, wie mein html

<div class="center layout-column flex"> 
<section layout="row" layout-align="left left"> 
    <md-button class="md-primary" ng-click="vm.showDialogAdd($event)">Add new movie</md-button> 
    <md-button class="md-primary" ng-click="vm.showDialogDetails($event)">Add details</md-button> 
</section> 
    <div class="simple-table-container md-whiteframe-4dp"> 
     <div class="ms-responsive-table-wrapper"> 
     <table class="simple" ms-responsive-table> 
      <thead> 
      <tr> 
       <th>Title</th> 
       <th>Year</th> 
       <th>Country</th> 
       <th class="text-center">Action</th> 
      </tr> 
      </thead> 
      <tbody> 
      <tr ng-repeat-start="movie in vm.movies"> 
       <td>{{ movie.title }}</td> 
       <td>{{ movie.year }}</td> 
       <td>{{ movie.country }}</td> 
       <td class="text-center"> 
       <md-button class="md-warn" ng-click="vm.deleteMovie(movie)">Remove</md-button> 
       <md-button class="md-noink" ng-click="vm.showDetails(movie)">Details</md-button> 
       </td> 
      </tr> 
      <tr ng-repeat-end ng-show="movie._detailsVisible" ng-repeat="detail in vm.movieDetails"> 
       <th>Actors: </th> 
       <td> 
       {{ detail.name }} 
       </td> 
      </tr> 
      </tbody> 
     </table> 
     </div> 
    </div> 
</div> 

Ich will, um "Schauspieler:" sieht aus wie ein Titel aller tds, so etwas wie das:

Wie kann ich das machen?

Answer 1

Bewegen Sie einfach ng-repeat zu td

<tr ng-repeat-end ng-show="movie._detailsVisible"> 
     <th>Actors: </th> 
     <td ng-repeat="detail in vm.movieDetails"> 
     {{ detail.name }} 
     </td> 
</tr> 

Answer 2

Ich bin nicht sicher, was meinst du mit Display "Actors:" in einem td, aber Sie können versuchen, es vor dem Detailnamen hinzufügen, so dass es mit dem Wert in einem einzigen td angezeigt wird.

Edit: Bitte versuchen Sie den folgenden Code, um Ihre Anforderung zu erfüllen.

<tr ng-repeat-end ng-show="movie._detailsVisible"> 
    <th> 
     Actors: 
    </th> 
    <td ng-repeat="detail in vm.movieDetails"> 
    {{ detail.name }} 
    </td> 
</tr>