Angular8 এ বিচ্ছিন্ন সুযোগ কী?

এই নিবন্ধে, আপনি উদাহরণগুলি সহ Angular8 এর বিচ্ছিন্ন সুযোগ সম্পর্কে সমস্ত কিছু শিখবেন। আপনি Angular8 এ foreach ফাংশনটিও বুঝতে পারবেন।

আপনি যদি ব্যবহার করা হয় কিছু সময়ের জন্য আপনি সম্ভবত স্কোপ বৈশিষ্ট্যটি শুনেছেন। এটি Angular8 এ একটি ইনবিল্ট মডিউল এবং এটি প্যারেন্ট স্কোপের ডিফল্ট থেকে উদ্ভূত হয়েছিল। তবে বেশিরভাগ সময়, সাধারণ উপাদানগুলির বিকাশে এটির প্রয়োজন হয় না এবং এটিই বিচ্ছিন্ন সুযোগটি ছবিতে আসে। এই নিবন্ধে, আমরা নিম্নলিখিত ক্রমে Angular8 এর বিচ্ছিন্ন সুযোগ সম্পর্কে সমস্ত আলোচনা করব:



চল শুরু করি.



জাভাতে স্ট্রিং ডেটকে ডেটে রূপান্তর করতে হয়

Angular8 এ বিচ্ছিন্ন সুযোগ কী?

অ্যাঙ্গুলার 8 এ বিচ্ছিন্ন স্কোপ মূলত স্কোপ থেকে প্রোটোটাইপিকভাবে উত্পন্ন হয়নি, তবে এটি প্যারেন্টের মাধ্যমে প্যারেন্ট স্কোপ অ্যাক্সেস করার বৈশিষ্ট্যটি করে। পাইথনের বিচ্ছিন্ন স্কোপ নির্দেশনার তিনটি বুনিয়াদি সম্পত্তি রয়েছে যা নীচে তালিকাভুক্ত রয়েছে।



  1. সুযোগ: মিথ্যা: এই নির্দেশটি ডিফল্টরূপে বিচ্ছিন্ন সুযোগে ব্যবহৃত হয় এবং এটি মূলত বর্তমানে যে উপাদানটিতে ব্যবহৃত হচ্ছে সেই উপাদানটি থেকে সুযোগটি পুনরায় ব্যবহার করতে ব্যবহৃত হয়।

  2. সুযোগ: সত্য: এই নির্দেশিকাটি একটি শিশু স্কোপ তৈরি করতে ব্যবহৃত হয় এবং এটি মূলত অভিভাবকের সুযোগ লাভ করে।

  3. সুযোগ: {…}: এটি বিচ্ছিন্ন সুযোগ তৈরি করতে ব্যবহৃত হয় এবং এটি মূলত স্কোপ থেকে প্রোটোটাইপিকভাবে is



উপরের নির্দেশিকাগুলি আরও ভালভাবে বুঝতে, নীচের ব্যাখ্যাগুলি একবার দেখুন।

সুযোগ: সত্য

মূল স্কোপ<<======prototype====== Child Scope

<<====== $Parent ====== Child Scope

সুযোগ: {}

মূল স্কোপ<<=====$Parent Scope ========= Isolates Scope

এখানে আমাদের বিচ্ছিন্ন সুযোগ এবং অভিভাবকের সুযোগের মধ্যে তিন ধরণের ইন্টারফেস ব্যবহার করা প্রয়োজন।

  1. ডেটা বাইন্ড (=)
  2. বিরতি (@)

  3. প্রকাশ (&)

উদাহরণ

সুযোগ: {myValue1: '@ অ্যাট্রিবিউট 1', মাইভ্যালু 2: '= অ্যাট্রিবিউট 2', মাইভ্যালু 3: '& অ্যাট্রিবিউট 3'}

বিভাজন বা বৈশিষ্ট্য (@)

এটি ডিওএম অ্যাট্রিবিউটের সাথে বিচ্ছিন্ন স্কোপকে বাঁধতে ব্যবহৃত হয়। এটি মূলত বিচ্ছিন্ন সুযোগ এবং পিতামাতার সুযোগের মধ্যে ব্যবহার করার জন্য একমুখী নির্দেশকে সেটআপ করে। এর অর্থ হ'ল পিতামাতার স্কোপে কোনও পরিবর্তন হয়, তাত্ক্ষণিকভাবে বিচ্ছিন্ন সুযোগেও প্রতিফলিত হবে be

উদাহরণ

.ডাইরেক্টিভ ('মাই ডাইরেক্টিভ', ফাংশন () {রিটার্ন {স্কোপ: {মাইঅ্যাট্রিবিউট: '@',}}})

এই দুটি টোগেথারে বাঁধতে এখন আমরা একটি নির্দেশিকা ব্যবহার করতে পারি।

 

এক্সপ্রেশন (এবং)

এক্সপ্রেশন (&) অভিভাবকীয় সুযোগ থেকে বিচ্ছিন্ন সুযোগে কোনও ফাংশন কল করতে ব্যবহৃত হয়। এটি প্রধানত অন্যান্য ফাংশনের মধ্যে কল ব্যাক তৈরি করতে ব্যবহৃত হয়।

উদাহরণ

.ডাইরেক্টিভ ('মাই ডাইরেক্টিভ', ফাংশন () {রিটার্ন {স্কোপ: {মাই আইসোলেটেড ফাংশন: '&'}}})

এখন আমরা ব্যবহার করব বিচার

ঠিক আছে ক্লিক করুন পদ্ধতিটি নিম্নলিখিত পদ্ধতিতে এখন আবার নিয়ন্ত্রকের কাছে ফিরে কল করবে। .কন্ট্রোলার ('মাই টেস্টকন্ট্রোলার', ['$ স্কোপ', ফাংশন ($ স্কোপ) $ স্কোপ.মিউপটেডভ্যালু = ফাংশন (মাইভ্যালু) $ স্কোপ.আপডেটভ্যালু = মাইভ্যালু}}])

বাঁধাই (=)

বাঁধাই (=) বৈশিষ্ট্যের সাথে সমান, কেবলমাত্র পার্থক্য হ'ল এটি একটির পরিবর্তে দ্বি-মুখী যোগাযোগ চ্যানেল তৈরি করে।

উদাহরণ

.directive ('myDirective', ফাংশন () {রিটার্ন {স্কোপ: {মাইবাইন্ডিং: '=',}}})

অ্যাঙ্গুলার 8 এ ফোরচ ফাংশন

এখন যেহেতু আপনি Angular8 এ বিচ্ছিন্ন সুযোগের প্রাথমিক ধারণাটি জানেন, আসুন আমরা পাশাপাশি ভবিষ্যত কর্মটিও অন্বেষণ করি explore

অ্যাঙ্গুলার 8 এ পূর্বাভাস

অ্যাঙ্গুলার 8 এ পূর্বাভাস ফাংশন সক্ষম করতে, নীচে বর্ণিত পদক্ষেপগুলি অনুসরণ করুন।

ধাপ 1

ভিজ্যুয়াল এডিটর 2012 শুরু করুন এবং নতুন এবং ফাইলের অধীনে প্রকল্পে নেভিগেট করুন। উইন্ডোটি যখন ফাইলটির নাম ওরোফানাচ খুলবে এবং তারপরে ঠিক আছে বোতামটি ক্লিক করুন।

ধাপ ২

পদক্ষেপ 1 সম্পূর্ণ হয়ে গেলে, সমাধান এক্সপ্লোরারটি খুলুন যার মধ্যে সিএসএস ফাইল, জেএস ফাইল, টিএস ফাইল পাশাপাশি এইচটিএমএল ফাইল রয়েছে।

ধাপ 3

এখন foreach ফাংশন জন্য নিম্নলিখিত কোড চালান।

forOrforeach.ts

বাইনারি পাইথন কোড দশমিক
অগ্রণী {সতর্কতা (অ্যারে [ভি])}}} উইন্ডো.অনলোড = () হিসাবে কাজ করার জন্য (অ্যারেতে ভেরি ভি) // এর জন্য শ্রেণি এ {ফাংশন () {ভার অ্যারে = [1, 2, 3, 4] => {var কল = নতুন একটি () কল.ফাংশন ()}

ডিফল্ট। Html

টাইপস্ক্রিপ্ট এইচটিএমএল অ্যাপ

App.js

var A = (ফাংশন () {ফাংশন এ () {} এপ্রোটোটাইপ.ফাংশন = ফাংশন () {ভার অ্যারে = [1, 2, 3, 4] এর জন্য (অ্যারেতে ভি ভি)) সতর্কতা (অ্যারে [ভি] )} A রিটার্ন এ}) () উইন্ডো.অনলড = ফাংশন () {ভার কল = নতুন এ () কল.ফংশান ()}

উপরের কোডগুলির জন্য আউটপুট এই জাতীয় কিছু দেখাবে।

আউটপুট - কৌণিক 8 এ বিচ্ছিন্ন সুযোগ - এডুরেকা

টাইপস্ক্রিপ্টের জন্য প্রতিটি

এখন আসুন কীভাবে টাইপস্ক্রিপ্টে পূর্বাভাস বিবৃতিটি প্রয়োগ করতে হয় তা আবিষ্কার করি।

নিউফোরফট.এস.টি.

শ্রেণি A {নং: সংখ্যা [] = [1, 2, 3] লগনম্বার () {this.no.forEach ((নম্বর) => {// ফোরচ স্টেটমেন্ট ডকুমেন্ট.উরাইট ('সংখ্যা =:' + না)}) }} উইন্ডো.অনলোড = () => {ভার কল = নতুন এ () কল.লোনম্বার ()}

উপরের ফলাফলটি হবে,

এখন আপনি কীভাবে বিচ্ছিন্নভাবে স্কোপ মডিউলগুলির পাশাপাশি ভবিষ্যদ্বাণী উভয়ই ব্যবহার করতে জানেন, আমরা আশা করি যে এটি আপনার আরও কার্যকর করতে আপনার আজকের দিন কৌনিক 8 কোডিংয়ে একই ব্যবহার করবেন।অ্যাঙ্গুলার 8-তে পৃথক সুযোগের পাশাপাশি পূর্ববর্তী উভয় ব্যবহারের বুনিয়াদিগুলি পাশাপাশি জানুন।

এটি আমাদের এঙ্গুলার টিউটোরিয়াল ব্লগের শেষে নিয়ে আসে। আমি আশা করি এই ব্লগটি তথ্যবহুল ছিল এবং আপনার কাছে মূল্য সংযোজন করেছে। এখন, আপনাকে অবশ্যই কৌণিকের বিল্ডিং ব্লকগুলি সহ পরিষ্কার হতে হবে এবং একটি কৌণিক অ্যাপ্লিকেশন তৈরি করতে প্রস্তুত। আমি আপনাকে এটি মাধ্যমে যেতে সুপারিশ করব কৌণিক টিউটোরিয়াল এডুরেকা ভিডিও প্লেলিস্ট ভিডিও দেখতে এবং কীভাবে একটি কৌনিক অ্যাপ্লিকেশন তৈরি করতে হয় তা শিখতে।

দেখুন এডুরেকা, বিশ্বস্ত জুড়ে 250,000 এরও বেশি সন্তুষ্ট শিক্ষার্থীর নেটওয়ার্ক সহ একটি বিশ্বস্ত অনলাইন লার্নিং সংস্থা by কৌণিক একটি জাভাস্ক্রিপ্ট ফ্রেমওয়ার্ক যা স্কেলযোগ্য, এন্টারপ্রাইজ এবং পারফরম্যান্স ক্লায়েন্ট-সাইড ওয়েব অ্যাপ্লিকেশন তৈরি করতে ব্যবহৃত হয়। কৌণিক কাঠামোর গ্রহণযোগ্যতা উচ্চ হওয়ায়, অ্যাপ্লিকেশনটির পারফরম্যান্স ম্যানেজমেন্ট হ'ল সম্প্রদায়কে পরোক্ষভাবে আরও ভাল কাজের সুযোগ দিয়ে চালিত করা হয়। কৌণিক শংসাপত্র প্রশিক্ষণের লক্ষ্য এন্টারপ্রাইজ অ্যাপ্লিকেশন বিকাশের চারপাশে এই সমস্ত নতুন ধারণাটি আচ্ছাদন করা।