如何在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; 
    }