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

【问题标题】：Display a table when click on a button using angularJS使用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？

标签： html angularjs django

【解决方案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等