单次使用ng-repeat进行tr

Question

我不能用ng-repeat显示tr中th元素的一个值吗？

这就是我的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>

我想显示“Actors：”，就像所有tds的标题一样：

我该怎么做？

Answer 1

将ng-repeat移至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

我不确定你在一个td中显示“Actors：”是什么意思，但是你可以尝试在详细名称前面添加它，以便在一个td中显示值。

编辑：请尝试以下代码以达到您的要求。

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