অ্যাঙ্গুলারজেস-স্কোপ এ ডায়নামিক স্কোপ ভেরিয়েবল সেট করা হচ্ছে <<সোম_ স্ট্রিং>

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

আমি এটি and সুযোগ। সহ এবং এর বাইরেও পরীক্ষা করেছি। এটি ছাড়া সঠিকভাবে কাজ করে!

Question 4

ফলাফলগুলি থেকে গতিশীল কৌণিক পরিবর্তনশীল তৈরি করুন Create

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

পুনশ্চ. আপনার নিয়ামকের ফাংশনে ars পার্স বৈশিষ্ট্যটি পাস করতে ভুলবেন না

Question 5

আপনি যদি লোডাশ ব্যবহারের ক্ষেত্রে ঠিক থাকেন তবে আপনি _.set () ব্যবহার করে এক লাইনে যা করতে চেয়েছিলেন তা করতে পারেন:

_.set (অবজেক্ট, পাথ, মান) অবজেক্টের পাথের সম্পত্তি সম্পত্তি নির্ধারণ করে। যদি কোনও অংশের অস্তিত্ব না থাকে তবে এটি তৈরি করা হয়েছে।

https://lodash.com/docs#set

সুতরাং আপনার উদাহরণটি সহজভাবে হবে: _.set($scope, the_string, something);

Question 6

কেবলমাত্র উত্তোলিত দেওয়া উত্তরগুলিতে যুক্ত করতে, নিম্নলিখিতগুলি আমার পক্ষে কাজ করেছে:

এইচটিএমএল:

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

এখন {{বিষয়গুলি} data ডেটা বিষয়গুলির নামের একটি অ্যারে ফিরিয়ে দেবে, এবং আমার উদাহরণে $ {কাজ} {, {{গ্রাহক}}, {{স্টাফ}} ইত্যাদির জন্য স্কোপ থেকে একটি সুযোগের বৈশিষ্ট্য থাকবে। কাজ, $ স্কোপ