Question

在一个html中有3个面板，我想在单击按钮后想要启用面板-2（按钮在面板-1中），以及面板-3相同的情况下禁用面板-2面板-3

Answer 1

在Angular代码中设置一个标志：

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>

单击按钮时，将使用标记切换。

Answer 2

不确定禁用是什么意思。由于你对@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;
});

如何禁用角度js中的面板

2 个答案: