使用angularJS单击按钮时显示表格

Posted 2023-02-24

【中文标题】使用angularJS单击按钮时显示表格

【英文标题】：Display a table when click on a button using angularJS

【发布时间】：2016-06-06 04:02:25

【问题描述】：

您好，我正在开发一个由 django 驱动的项目。 我的 html 中有一个按钮，如下所示：

<tr align="left"><b><span style="background-color:white;"><button> k </button></span></b></tr>

一旦用户单击上面的按钮，我计划使用 angularJS 在下面显示一个表格。我的控制器如下：

% block extrascript %


    ngapp.controller("MyCtrl", function($scope, $resource) 

    );
% endblock %

抱歉，angularjs 的数量较少。我对 angularJS 非常陌生。我可以给一些建议吗？提前致谢

【问题讨论】：

这种场景下如何使用ng-click、ng-show？

【参考方案1】：

试试这个：

<table ng-show="show">

 </table>
 <button ng-click="show=!show"> k </button>


 app.controller('MainCtrl', function($scope) 
      $scope.show = false; // Hide it initially 

    );

【讨论】：

是的，普拉文。但是我如何在该函数中执行 ng-show 或 ng-hide 呢？

这正是我想要的 Praveen。实际上我的表在一个 for 循环下。所以会有多个表。根据您单击按钮时的回答，单击按钮后，我的所有表格都会显示出来。我只想显示特定的表格。我该如何防止呢？

那你肯定也有很多按钮吧？因此，您可以将不同的变量绑定到每个表及其相应的按钮。如show1、show2等