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

使用angular，您甚至可以在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;
  }