Question

我有一个HTML表格，其中有一些行包含有关用户的内容信息。我可以点击每一行。

所以，我想知道我必须使用ng-hide/ng-show吗？在Angular JS中是正确的方式还是存在更好的解决方案？

我的意思是：

<div class="table" ng-show="details == false">
  <div class="row"></div>
</div>

<div class="tableDetails" ng-show="details == true">
  <div class="row">Name</div>
  <div class="row">Post code</div>
</div>

当我点击<div class="row"></div>中的class="table"时，此表格会被隐藏，并显示在表格class="tableDetails"中。何时加载表2，当我单击按钮come back？

时，如何显示表1

Answer 1

您可以使用以下方式：ng-class | ng-(show|hide) | ng-if

<div class="table" ng-if="!details">
  <div class="row"></div>
</div>

<div class="tableDetails" ng-if="details">
  <div class="row">Name</div>
  <div class="row">Post code</div>
</div>

我需要在Angular JS中使用ng-hide / ng-show吗？

1 个答案: