如何在angularjs中設置動態$ scope變量？

Question

我是新來的角。 我有一個函數，我需要設置ng-show變量爲true或false爲多個div。

該函數看起來像這樣。

$scope.setDivFlags = function(divname,isShow){  
    if (isShow) 
    {$scope.<divname> = true;} 
    else 
    {$scope.<divname> = false;} 
}; 

我所需要的值進行設置是這樣的：

$scope.div1 = true; 
$scope.div2 = true; 

等等....

如何通過DIV1，DIV2 ...等動態。

Answer 1

您可以單獨定義一個變量並添加多個ng-show屬性，如下所示。

JSFiddle Demo

或者你可以將所有的div添加到一個共同的父，然後觸發ng-show。

JSFiddle Demo

隨着角度，你甚至可以編寫撥動funtion裏面ng-click像這樣。

<button ng-click="test = !test">toggle visibility</button> 

這與寫作相同。

HTML：

<button ng-click="toggle()">toggle visibility</button> 

JS：

$scope.toggle = function(){ 
    $scope.test = !$scope.test; 
    }