Jquery 如何禁用角js中的面板
在一个html中有3个面板,我想在单击按钮后初始禁用panel-2 panel-3我想启用panel-2(按钮在panel-1中),与panel-3相同在角度代码中设置标志: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> 内容
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;
});