আইএমএইচও, ভিজ্যুয়াল উপাদান সম্পর্কিত কোনও নির্দিষ্ট সুযোগের মূল্য অর্জন / সেট করা থেকে সবচেয়ে হতাশাব্যঞ্জক অভিজ্ঞতা আসে। আমি কেবল নিজের কোডটিতেই নয়, নিজেই কৌণিক.জেজেও অনেকগুলি ব্রেকপয়েন্ট করেছি, তবে কখনও কখনও এটি সর্বাধিক কার্যকর উপায় হয় না। যদিও নীচের পদ্ধতিগুলি খুব শক্তিশালী, তবে আপনি যদি প্রকৃতপক্ষে প্রযোজনা কোড ব্যবহার করেন তবে অবশ্যই এগুলি বুদ্ধিমানের সাথে ব্যবহার করুন!
ভিজ্যুয়াল উপাদান থেকে কনসোলে একটি রেফারেন্স পান
অনেকগুলি নন-আইই ব্রাউজারে আপনি কোনও উপাদানকে ডান ক্লিক করে এবং "উপাদান পরিদর্শন করুন" ক্লিক করে একটি উপাদান নির্বাচন করতে পারেন। বিকল্প হিসাবে আপনি উদাহরণস্বরূপ Chrome এর এলিমেন্ট ট্যাবে যে কোনও উপাদানকে ক্লিক করতে পারেন। সর্বশেষ নির্বাচিত উপাদানটি $0কনসোলে ভেরিয়েবলে সংরক্ষণ করা হবে ।
একটি উপাদানের সাথে যুক্ত একটি সুযোগ পান
সেখানে কোনও নির্দেশনা রয়েছে যা কিনা বিচ্ছিন্ন সুযোগ তৈরি করে তার উপর নির্ভর করে আপনি স্কোপটি পুনরুদ্ধার করতে পারেন angular.element($0).scope()বা angular.element($0).isolateScope()( $($0).scope()enabled সক্ষম থাকলে ব্যবহার করুন )। আপনি যখন বাটারংয়ের সর্বশেষতম সংস্করণটি ব্যবহার করছেন তখন এটিই পাবেন। আপনি যদি সরাসরি মানটি scope.$digest()পরিবর্তন করে থাকেন তবে ইউআই-তে পরিবর্তনগুলি প্রতিবিম্বিত করতে ব্যবহার করতে ভুলবেন না।
al eval মন্দ
ডিবাগিংয়ের জন্য অগত্যা নয়। scope.$eval(expression)আপনি খুব সহজেই যখন আপনি এক্সপ্রেশনটির প্রত্যাশিত মান আছে কিনা তা দ্রুত পরীক্ষা করতে চান।
সুযোগের অনুপস্থিত প্রোটোটাইপ সদস্য
মধ্যে পার্থক্য scope.blaএবং scope.$eval('bla')সাবেক prototypically উত্তরাধিকারসূত্রে মান বিবেচনা না। পুরো ছবিটি পেতে নীচের স্নিপেটটি ব্যবহার করুন (আপনি সরাসরি মানটি পরিবর্তন করতে পারবেন না, তবে আপনি $evalযেভাবেই ব্যবহার করতে পারেন !)
scopeCopy = function (scope) {
var a = {};
for (x in scope){
if (scope.hasOwnProperty(x) &&
x.substring(0,1) !== '$' &&
x !== 'this') {
a[x] = angular.copy(scope[x])
}
}
return a
};
scopeEval = function (scope) {
if (scope.$parent === null) {
return hoho(scope)
} else {
return angular.extend({}, haha(scope.$parent), hoho(scope))
}
};
এটি দিয়ে ব্যবহার করুন scopeEval($($0).scope())।
আমার নিয়ামক কোথায়?
আপনি ngModelযখন কোনও নির্দেশনা লিখছেন তখন কখনও কখনও আপনি মানগুলি পর্যবেক্ষণ করতে পারেন । ব্যবহারের $($0).controller('ngModel')এবং আপনার চেক করতে পাবেন $formatters, $parsers, $modelValue, $viewValue $renderএবং সবকিছু।