如何禁用角js中的面板

Question

在一個html中有3個面板，我希望禁用面板-2面板-3後單擊按鈕我想啓用面板-2（該按鈕是在面板 - 1），同樣在你的角碼的面板3

Answer 1

設置一個標誌：

var $scope.panel2 = false; 
var $scope.panel3 = false; 

您的面板：

<div ng-show="panel2">content</div> 
<div ng-show="panel3">content</div> 

這將使面板顯示，如果條件（變量panel2和panel3在這個例子中）評估爲t後悔。

然後，您可以使用該按鈕將需要這樣做：

<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; 
});