AngularJsでの動的スコープ変数の設定-scope。<some_string>

routeParamまたはディレクティブ属性などから取得した文字列があり、これに基づいてスコープに変数を作成します。そう：

$scope.<the_string> = "something".

ただし、文字列に1つ以上のドットが含まれている場合は、分割して実際にスコープに「ドリルダウン」したいと思います。そう'foo.bar'なるはず$scope.foo.barです。つまり、シンプルバージョンは機能しません。

// This will not work as assigning variables like this will not "drill down"
// It will assign to a variables named the exact string, dots and all.
var the_string = 'life.meaning';
$scope[the_string] = 42;
console.log($scope.life.meaning);  // <-- Nope! This is undefined.
console.log($scope['life.meaning']);  // <-- It is in here instead!

文字列に基づいて変数を読み取る場合、を実行することでこの動作を得ることができますが$scope.$eval(the_string)、値を割り当てるときにどのように行うのですか？

私が見つけた解決策は$ parseを使うことです。

「角度式を関数に変換します。」

誰かがより良いものを持っている場合は、質問に新しい回答を追加してください！

次に例を示します。

var the_string = 'life.meaning';

// Get the model
var model = $parse(the_string);

// Assigns a value to it
model.assign($scope, 42);

// Apply it to the scope
// $scope.$apply(); <- According to comments, this is no longer needed

console.log($scope.life.meaning);  // logs 42

エリックの答えを出発点として使用します。私に役立つ簡単な解決策を見つけました。

私のng-click関数で私は持っています：

var the_string = 'lifeMeaning';
if ($scope[the_string] === undefined) {
   //Valid in my application for first usage
   $scope[the_string] = true;
} else {
   $scope[the_string] = !$scope[the_string];
}
//$scope.$apply

$ scope。$ applyを使用して、または使用せずにテストしました。それなしで正しく動作します！

結果から動的角度変数を作成する

angular.forEach(results, function (value, key) {          
  if (key != null) {                       
    $parse(key).assign($scope, value);                                
  }          
});

ps。$ parse属性をコントローラーの関数に渡すことを忘れないでください

Lodashを使用することに問題がなければ、_。set（）を使用して1行で必要なことを実行できます。

_.set（object、path、value）オブジェクトのパスのプロパティ値を設定します。パスの一部が存在しない場合は作成されます。

https://lodash.com/docs#set

したがって、あなたの例は単に次のようになります： _.set($scope, the_string, something);

すでに与えられた回答に追加するために、以下は私にとってうまくいきました：

HTML：

<div id="div{{$index+1}}" data-ng-show="val{{$index}}">

$indexループインデックスはどこにありますか。

Javascript（value関数に渡されるパラメーターはで$index、現在のループインデックスの値になります）：

var variable = "val"+value;
if ($scope[variable] === undefined)
{
    $scope[variable] = true;
}else {
    $scope[variable] = !$scope[variable];
}

覚えておいてください：これは単なるJavaScriptであり、Angular JSとは何の関係もありません。だから、魔法の「$」記号について混同しないでください;）

主な問題は、これが階層構造であることです。

console.log($scope.life.meaning);  // <-- Nope! This is undefined.
=> a.b.c

「$ scope.life」が存在しないため、これは未定義ですが、上記の用語は「意味」を解決することを目的としています。

解決策は

var the_string = 'lifeMeaning';
$scope[the_string] = 42;
console.log($scope.lifeMeaning);
console.log($scope['lifeMeaning']);

またはもう少し努力してください。

var the_string_level_one = 'life';
var the_string_level_two = the_string_level_one + '.meaning';
$scope[the_string_level_two ] = 42;
console.log($scope.life.meaning);
console.log($scope['the_string_level_two ']);

構造オブジェクトにアクセスできるので

var a = {};
a.b = "ab";
console.log(a.b === a['b']);

これについては、JavaScriptの楽しみを順を追って案内する優れたチュートリアルがいくつかあります。

について何かがあります

$scope.$apply();
do...somthing...bla...bla

ウェブにアクセスして「angular $ apply」を検索すると、$ apply関数に関する情報が見つかります。そして、あなたはもっと賢明にこの方法を使うべきです（もしあなたが$ apply段階にまだならなければ）。

$scope.$apply(function (){
    do...somthing...bla...bla
})

以下のLodashライブラリを使用している場合は、角度スコープで動的変数を設定する方法です。

角度スコープに値を設定します。

_.set($scope, the_string, 'life.meaning')

角度スコープから値を取得します。

_.get($scope, 'life.meaning')

私が想像していることを実行しようとしていた場合は、スコープを通常のJSオブジェクトのように扱うだけで済みます。

これは、JSONデータ配列のAPI成功応答に使用するものです...

function(data){

    $scope.subjects = [];

    $.each(data, function(i,subject){
        //Store array of data types
        $scope.subjects.push(subject.name);

        //Split data in to arrays
        $scope[subject.name] = subject.data;
    });
}

これで、{{subjects}}はデータサブジェクト名の配列を返します。私の例では、$ scopeの{{jobs}}、{{customers}}、{{staff}}などのスコープ属性があります。ジョブ、$ scope.customers、$ scope.staff