কৌনিক 8 এ এনজিস্টাইল সম্পর্কে আপনার যা কিছু জানা দরকার



এই নিবন্ধটি আপনাকে Angula 8 এ এনজিস্টাইল সম্পর্কে বিভিন্ন উদাহরণ সহ একটি বিশদ এবং ব্যাপক উপলব্ধি সরবরাহ করবে।

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

কৌনিক 8 এ টেমপ্লেট সম্পত্তি সিনট্যাক্স

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





ngstyle-in-angular

মাইডিভ = ডকুমেন্ট.জেট এলিমেন্টবাইআইডি ('মাই-ডিভ') মাইডিভ.স্টাইল কোডার = 'কমলা' // এর বৈশিষ্ট্যগুলির মাধ্যমে বিভাজনকে আপডেট করে

আসুন আমরা বিল্ট-ইন লাইব্রেরি পাশাপাশি অন্যান্য মডিউলগুলি ব্যবহার করে কৌণিক 8 এ একই কাজটি করি।



বৈশিষ্ট্য সিনট্যাক্স ব্যবহার করে শৈলী, এই পাঠ্যটি কমলা

সিনট্যাক্স {সম্পত্তি Use ব্যবহার করুন এবং দক্ষতার সাথে যে কোনও কোড অর্জন করুন এবং এটি প্রায় তাত্ক্ষণিকভাবে পরিবর্তন করুন।

উপরের উদাহরণে, আমরা যা করেছি তা সরাসরি ডিভ উপাদান শৈলীর সম্পত্তিতে অ্যাক্সেস করা হয়। DOM অবজেক্ট এবং বৈশিষ্ট্যের বৈশিষ্ট্যের তুলনায়, এটি আলাদা।

অন্তর্নির্মিত কৌণিক 8 বৈশিষ্ট্য ব্যবহার করে আমরা সিএসএস উপাদানগুলিকে আমাদের পছন্দের যে কোনও শ্রেণিতে যুক্ত করতে পারি। এটি আরও ভালভাবে বুঝতে নীচের উদাহরণটি দেখুন।



বৈশিষ্ট্য সিনট্যাক্স ব্যবহার করে সিএসএস শ্রেণি, এই পাঠ্যটি নীল

এনগ্লাস এবং এনজিস্টাইল এঙ্গুলার 8 এ

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

এনজিস্টাইল ব্যবহার করে শৈলী

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

উপরোক্ত উদাহরণের ধারাবাহিকতা।

অ্যারে জাভা বৃহত্তম সংখ্যা খুঁজে
এনজিস্টাইল + - ব্যবহার করে শৈলী

এখন আপনি এনজিস্টাইল সম্পর্কে জানেন, আসুন এনজিস্টাইলের কিছু উপাদান দেখি।

ক্লাসগুলির ক্লাসগুলির অবজেক্টগুলির স্ট্রিংগুলির অ্যারে

কৌণিক ক্ষেত্রে এনজিক্লাস এছাড়াও আমাদের কোডগুলিতে আরও অনেকগুলি পরিবর্তন করার অনুমতি দেয় যাতে ডায়নামিক পরিবর্তনগুলি এনজিস্টাইলের মতো একটি মুহুর্তে প্রয়োগ করা যায়।

নতুনদের জন্য প্লিজ স্কুয়েল টিউটোরিয়াল

উভয়কে এক সাথে ক্রিয়ায় দেখতে নীচের উদাহরণটি দেখুন।

'@ কৌণিক / কোর' @ কম্পোমেন্ট থেকে {উপাদান import আমদানি করুন ({নির্বাচক: 'মাই-অ্যাপ', টেমপ্লেট ইউআরএল: './app.componal.html', স্টাইলআর্লস: ['./app.componal.css']}) এক্সপোর্ট ক্লাস অ্যাপকোম্পোনেন্ট {রঙ = 'গোলাপী' সাইজ = 16 ডিসপ্লে টেক্সট = 'শো-ক্লাস' দৃশ্যমান = সত্য নির্মাতা () {g টগল ()। this.visible =! this.visible this.displayText = this.visible? 'শো-ক্লাস': 'হাইড-ক্লাস'}

কৌনিক 8 এ এনজি ক্লিক করুন

এখন আপনি এনজিক্লাস এবং এনজিস্টাইল উভয়ের মূল বৈশিষ্ট্যগুলি এবং অ্যাঙ্গুলার 8 প্ল্যাটফর্মে উভয় বা উভয় ব্যবহার করে কী অর্জন করা যায় তা জানেন তবে আসুন আমরা এনজি ক্লিকের ব্যবহারটি ঘুরে দেখি।

এনজি ক্লিক কী?

যদি কোনও নির্দিষ্ট ইভেন্টে আপনাকে কোনও প্রোগ্রামের একাধিক উপাদানকে একত্রে আবদ্ধ করতে হয়, যাতে একক টাস্কটি অর্জন করা যায়, তবে আপনাকে এনজি-ক্লিক ব্যবহার করা দরকার।

 

উপরেরটি এনজি্লিক্লিক কীভাবে অ্যাঙ্গুলারজেএস-এ ব্যবহৃত হয় তার একটি উদাহরণ। যখন এটি Angular8 এ আসে, একই মডিউলটির অস্তিত্ব থাকে না এবং এইভাবে নিম্নলিখিতটি ব্যবহার করা দরকার।

 

উপরের সিনট্যাক্সটি অ্যাঙ্গুলার 8 এ ইভেন্টের বাঁধার সুবিধার্থে ব্যবহার করা হয়, যার মধ্যে আমরা প্রথমে প্যারেজেসিস সহ লক্ষ্য ইভেন্টের নামটি সংজ্ঞায়িত করি এবং তারপরে কোটেশনগুলি সমেত অপারেটরের সমতুল্য করে একটি টেমপ্লেট বিবৃতি অন্তর্ভুক্ত করি। একবার এই পদক্ষেপগুলি শেষ হয়ে গেলে, Angular8 এই ইভেন্টের জন্য একটি ইভেন্ট হ্যান্ডলার সেট আপ করে এবং যখনই ট্রিগার হয়, এই ইভেন্টটি কার্যকর করা হয়।

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

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