angularjsに動的$ scope変数を設定する方法は？

Question

私は新しい角度です。 私は複数の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; 

など.... DIV2、DIV1を渡す方法

...など。

Answer 1

1つの変数だけを定義し、以下に示すように複数のng-show属性を追加することができます。

JSFiddle Demo

それとも、共通の親にすべてのdivを追加し、ng-showをトリガすることができます。角度付き

JSFiddle Demo

あなたも、そうのような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; 
    }