AngularJs - स्कोप में डायनामिक स्कोप वैरिएबल सेट करना। <some_string>

Question 1

मेरे पास एक स्ट्रिंग है जिसे मैंने routeParamया एक निर्देशकीय विशेषता या जो कुछ भी प्राप्त किया है, और मैं इसके आधार पर गुंजाइश पर एक चर बनाना चाहता हूं। इसलिए:

$scope.<the_string> = "something".

हालांकि, यदि स्ट्रिंग में एक या अधिक डॉट्स हैं, तो मैं इसे विभाजित करना चाहता हूं और वास्तव में गुंजाइश में "ड्रिल डाउन" करता हूं। तो '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), लेकिन एक मूल्य प्रदान करते समय इसे कैसे करें?

Question 2

मैंने जो समाधान पाया है वह $ पार्स का उपयोग करना है ।

"एक समारोह में कोणीय अभिव्यक्ति को रूपांतरित करता है।"

अगर किसी के पास बेहतर है तो कृपया प्रश्न का नया उत्तर जोड़ें!

यहाँ उदाहरण है:

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

Question 3

प्रारंभिक बिंदु के रूप में एरिक के उत्तर का उपयोग करना। मुझे एक सरल समाधान मिला जो मेरे लिए काम करता था।

मेरे एनजी-क्लिक फ़ंक्शन में:

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

मैंने इसे $ स्कोप के साथ और बिना जांचे परखा है। $ लागू होते हैं। इसके बिना सही ढंग से काम करता है!

Question 4

परिणामों से डायनामिक कोणीय चर बनाएं

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

ps। अपने नियंत्रक के कार्य में $ पार्स विशेषता को पारित करने के लिए मत भूलना

Question 5

यदि आप लॉडश का उपयोग करने के साथ ठीक हैं, तो आप _.set () का उपयोग करके एक पंक्ति में इच्छित चीज़ कर सकते हैं:

_.set (ऑब्जेक्ट, पथ, मान) ऑब्जेक्ट पर पथ का गुण मान सेट करता है। यदि पथ का कोई भाग मौजूद नहीं है तो इसे बनाया जाता है।

https://lodash.com/docs#set

तो आपका उदाहरण बस यही होगा: _.set($scope, the_string, something);

Question 6

बस दिए गए उत्तर में जोड़ने के लिए, निम्नलिखित ने मेरे लिए काम किया:

HTML:

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

$indexलूप इंडेक्स कहां है

जावास्क्रिप्ट (जहां valueफ़ंक्शन के लिए पारित पैरामीटर है और यह $indexवर्तमान लूप इंडेक्स का मान होगा )

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

Question 7

कृपया ध्यान रखें: यह केवल एक जावास्क्रिप्ट चीज़ है और इसका एंगुलर जेएस से कोई लेना-देना नहीं है। तो जादुई '$' संकेत के बारे में भ्रमित मत हो;)

मुख्य समस्या यह है कि यह एक पदानुक्रमित संरचना है।

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

यह अपरिभाषित है क्योंकि "$ गुंजाइश.जीवन" मौजूद नहीं है लेकिन ऊपर का शब्द "अर्थ" को हल करना चाहता है।

एक समाधान होना चाहिए

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']);

इस बारे में कई अच्छे ट्यूटोरियल हैं जो आपको जावास्क्रिप्ट के साथ मजेदार तरीके से मार्गदर्शन करते हैं।

के बारे में कुछ है

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

जाओ और 'कोणीय $ लागू' के लिए वेब पर खोज करें और आपको $ लागू फ़ंक्शन के बारे में जानकारी मिलेगी। और आपको इस तरह से बुद्धिमानी से अधिक उपयोग करना चाहिए (यदि आप $ लागू चरण के साथ अलग नहीं हैं)।

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

Question 8

यदि आप नीचे लॉडश लाइब्रेरी का उपयोग कर रहे हैं, तो कोणीय दायरे में एक गतिशील चर सेट करने का तरीका है।

कोणीय दायरे में मान सेट करने के लिए।

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

कोणीय दायरे से मान प्राप्त करने के लिए।

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

Question 9

यदि आप वह करने की कोशिश कर रहे हैं जो मैं कल्पना करता हूं कि आप करने की कोशिश कर रहे थे, तो आपको केवल नियमित जेएस ऑब्जेक्ट की तरह गुंजाइश का इलाज करना होगा।

यह वही है जो मैं 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;
    });
}

अब {{विषयों}} डेटा विषय नामों की एक सरणी लौटाएगा, और मेरे उदाहरण में $ गुंजाइश से {{नौकरियों}}, {{ग्राहकों}}, {{स्टाफ}}, आदि के लिए एक गुंजाइश विशेषता होगी। नौकरियों, $ गुंजाइश। ग्राहक, $ गुंजाइश.staff