Jquery 如何禁用角js中的面板

Jquery 如何禁用角js中的面板,jquery,angularjs,Jquery,Angularjs,在一个html中有3个面板,我想在单击按钮后初始禁用panel-2 panel-3我想启用panel-2(按钮在panel-1中),与panel-3相同在角度代码中设置标志: var $scope.panel2 = false; var $scope.panel3 = false; 在您的面板上: <div ng-show="panel2">content</div> <div ng-show="panel3">content</div> 内容

在一个html中有3个面板,我想在单击按钮后初始禁用panel-2 panel-3我想启用panel-2(按钮在panel-1中),与panel-3相同在角度代码中设置标志:

var $scope.panel2 = false;
var $scope.panel3 = false;
在您的面板上:

<div ng-show="panel2">content</div>
<div ng-show="panel3">content</div>
内容
所容纳之物
这将使面板显示条件(本例中的变量panel2和panel3)的计算结果是否为true

然后,您使用的按钮需要执行以下操作:

<button ng-click="panel2 = !panel2">Show/hide panel 2</button>
<button ng-click="panel3 = !panel3">Show/hide panel 3</button>
显示/隐藏面板2
显示/隐藏面板3

这将在单击按钮时使用标志切换。

不确定禁用是什么意思。既然你对@MyCah ng show不满意,你可以看看ng if。ng if不仅会隐藏它,还会删除并重新呈现页面上的内容

视图:


教程网站也是如此。只需共享您尝试过的代码并发布您的查询。谢谢,实际上我想禁用面板中的所有元素。它只会隐藏面板!!没问题。如果它解决了你的问题,请接受答案。
<div>
  <p>Panel 1</p>

  <button ng-click="enablePanel2 = !enablePanel2">Enable/disable panel 2</button>
  <button ng-click="enablePanel3 = !enablePanel3">Enable/disable panel 3</button>
</div>

<div ng-if="enablePanel2">
  <p>Panel 2</p>
</div>

<div ng-if="enablePanel3">
  <p>Panel 3</p>
</div>
.controller('MainCtrl', function ($scope) {
    $scope.enablePanel2 = false;
    $scope.enablePanel3 = false;
});