Question

如何将div放入表格行并使用按钮切换其可见性。

我正在使用Angularjs ng-repeat

创建一个表格行

<tr ng-repeat="result in results" >
    <td>{{$index + 1}}</td>
    <td>{{result.canname}}</td>
    <td>{{result.canbloodgroup}}</td>
    <td>{{result.cangender}}</td>
    <td>Button</td>  
</tr>

我想在每行之间放一个div宽度的div，我该怎么做？

Answer 1

<table ng-repeat="result in results">
<tr>
    <td>{{$index + 1}}</td>
    <td>{{result.canname}}</td>
    <td>{{result.canbloodgroup}}</td>
    <td>{{result.cangender}}</td>
    <td>Button</td>  
</tr>
<tr ng-if="true/false">
  <td colspan=4>
    <div>
      <p>{{things-you wnat to show}}</p>
    </div>
  </td>
</tr>
</table>

嗯，你不能在行之间放置一个div，但你可以创建一个div作为行的sperate表也许它会满足你的要求。感谢

Answer 2

如评论中所述，某些表格元素仅允许特定的子标记

您可以重复<tbody>并在每个

中有两行

<tbody ng-repeat="result in results">
  <tr ng-if="someVariable">
    <td colspan="5">Your other content</td>
  </tr>
  <tr>
    <td>{{$index + 1}}</td>
    <td>{{result.canname}}</td>
    <td>{{result.canbloodgroup}}</td>
    <td>{{result.cangender}}</td>
    <td ng-click="someVariable = ! someVariable">Button</td>
  </tr>
</tbody>

将显示行为调整为您想要的任何内容

如何在表格行和点击切换之间放置div？

2 个答案: