如何在 angularjs 中设置动态 $scope 变量？

Question

我是 angular 的新手。 我有一个函数，我需要为多个 div 将 ng-show 变量设置为 true 或 false。

函数看起来像这样。

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