একটি কৌণিক উপাদান এবং মডিউল মধ্যে পার্থক্য কি


184

আমি ভিডিওগুলি দেখছি এবং নিবন্ধগুলি পড়ছি তবে নিবন্ধটির শুরুতে এই নির্দিষ্ট নিবন্ধটি আমাকে এত বিভ্রান্ত করেছে

কৌণিক অ্যাপ্লিকেশনগুলি মডিউলার কাঠামো অনুসরণ করে। কৌণিক অ্যাপ্লিকেশনগুলিতে একক উদ্দেশ্যে উত্সর্গীকৃত অনেকগুলি মডিউল থাকবে। সাধারণত মডিউলটি কোডের একটি সম্মিলিত গোষ্ঠী যা আপনার কৌণিক অ্যাপ্লিকেশনগুলি চালনার জন্য অন্যান্য মডিউলগুলির সাথে একীভূত হয়।

একটি মডিউল তার কোড থেকে কিছু ক্লাস, ফাংশন এবং মান রফতানি করে। উপাদানটি কৌণিকের একটি মৌলিক ব্লক এবং একাধিক উপাদান আপনার অ্যাপ্লিকেশন তৈরি করবে।

একটি মডিউল অন্য মডিউলের জন্য একটি গ্রন্থাগার হতে পারে। উদাহরণস্বরূপ, কৌণিক 2 / কোর লাইব্রেরি যা প্রাথমিক কৌণিক গ্রন্থাগার মডিউল অন্য উপাদান দ্বারা আমদানি করা হবে।

এগুলি কি বিনিময়যোগ্য পদ? একটি উপাদান একটি মডিউল? তবে কি উল্টাপার্স না?

উত্তর:


244

উপাদানগুলি নিয়ন্ত্রণ দর্শনগুলি (এইচটিএমএল)। আপনার অ্যাপে কার্যকারিতা আনতে তারা অন্যান্য উপাদান এবং পরিষেবাদির সাথেও যোগাযোগ করে।

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


187

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

আপনার কৌণিক প্রয়োগটি একটি বিল্ডিং হিসাবে বিবেচনা করুন। একটি বিল্ডিং এর Nমধ্যে অ্যাপার্টমেন্ট সংখ্যা থাকতে পারে। একটি অ্যাপার্টমেন্ট একটি মডিউল হিসাবে বিবেচনা করা হয়। একটি অ্যাপার্টমেন্টে এর পরে Nকক্ষের সংখ্যা থাকতে পারে যা একটি কৌণিক অ্যাপ্লিকেশন নামের উপাদানগুলির বিল্ডিং ব্লকের সাথে মিল রাখে।

এখন প্রতিটি অ্যাপার্টমেন্ট (মডিউল) rooms এ অ্যাপার্টমেন্টগুলিতে এবং তার বাইরে আউটপুট, তারের (পাইপ) আরও বেশি পরিমাণে চলাচল করতে এবং অ্যাপার্টমেন্টগুলিতে এটি কার্যকর উপযোগী করার জন্য লিফ্ট (পরিষেবা) থাকবে।

আপনার কাছে সুইমিং পুল, টেনিস কোর্টের মতো জায়গাও থাকবে যা সমস্ত বিল্ডিংয়ের বাসিন্দারা ভাগ করে নিচ্ছে। সুতরাং এগুলি SharedModule এর ভিতরে উপাদান হিসাবে বিবেচনা করা যেতে পারে।

মূলত, পার্থক্যটি নিম্নরূপ:

সারণী মডিউল এবং উপাদানগুলির মধ্যে কী পার্থক্য দেখাচ্ছে

একটি কৌণিক অ্যাপ্লিকেশনটির বিল্ডিং ব্লকগুলি বুঝতে আমার স্লাইডগুলি অনুসরণ করুন

এখানে আমার সেশনটি চলছে Building Blocks of Angular for beginners


71

এখানে চিত্র বর্ণনা লিখুন

সহজ ব্যাখ্যা:

মডিউল হ'ল একটি বড় ধারকের মতো যা এক বা একাধিক ছোট পাত্রে থাকে যাকে কম্পোনেন্ট, সার্ভিস, পাইপ বলে

একটি উপাদান রয়েছে:

  • এইচটিএমএল টেমপ্লেট বা এইচটিএমএল কোড

  • কোড (টাইপ করা বিষয়)

  • পরিষেবা: এটি একটি পুনরায় ব্যবহারযোগ্য কোড যা সংস্থাগুলি ভাগ করে নিয়েছে যাতে কোডের পুনরায় লেখার প্রয়োজন হয় না

  • পাইপ: এটি ইনপুট হিসাবে ডেটা নেয় এবং এটিকে পছন্দসই আউটপুটে রূপান্তর করে


2
এই সব সম্পর্কে পাগল না। হ্যাঁ, আপনার উপাদানটি কোনও পরিষেবা ব্যবহার করবে, তবে পরিষেবাটি মডিউলটিতে, সরবরাহকারী অ্যারেতে অবশ্যই নির্দেশিত হতে হবে। আপনার চিত্রটি এটি দেখায় না।
স্কট

আমি কি এই উপাদানটির মধ্যে কোনও উপাদান এবং বেশ কয়েকটি উপাদানগুলির মধ্যে একটি শিশু মডিউল যুক্ত করতে পারি?
শত্রুঘনা

39

কৌণিক উপাদান

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

import { Component } from '@angular/core';

এবং একটি উপাদান তৈরি করতে

@Component({selector: 'greet', template: 'Hello {{name}}!'})
class Greet {
  name: string = 'World';
}

এখানে একটি উপাদান বা কৌণিক অ্যাপ্লিকেশন তৈরি করতে টিউটোরিয়াল

কৌণিক মডিউল

একটি কৌণিক মডিউল যেমন কৌণিক বেসিক বিল্ডিং ব্লক সেট করা হয় উপাদান , নির্দেশনা , সেবা ইত্যাদি একটি অ্যাপ্লিকেশান একটির বেশি মডিউল থাকতে পারে।

@NgModuleসজ্জা ব্যবহার করে একটি মডিউল তৈরি করা যেতে পারে ।

@NgModule({
  imports:      [ BrowserModule ],
  declarations: [ AppComponent ],
  bootstrap:    [ AppComponent ]
})
export class AppModule { }

14

কৌনিক 2 এর একটি মডিউল এমন কিছু যা উপাদান, নির্দেশনা, পরিষেবা ইত্যাদি থেকে তৈরি হয় One কোডের লজিকাল টুকরোগুলিতে মডিউল ব্রেকআপ অ্যাপ্লিকেশন। প্রতিটি মডিউল একটি একক কাজ সম্পাদন করে।

কৌনিক 2 এর উপাদানগুলি এমন ক্লাস যেখানে আপনি যে পৃষ্ঠার প্রদর্শন করতে চান তার জন্য যুক্তি লেখেন। উপাদানগুলি ভিউ (এইচটিএমএল) নিয়ন্ত্রণ করে। উপাদানগুলি অন্যান্য উপাদান এবং পরিষেবাদির সাথে যোগাযোগ করে।


9

https://blobscdn.gitbook.com/v0/b/gitbook-28427.appspot.com/o/assets%2F-L9vDDYxu6nH7FVBtFFS%2F-LBvB_WpCSzgVF0c4R9W%2F-LBvCVC22B-3Ls3_nyuC%2Fangular-modules.jpg?alt=media&token= 624c03ca-e24f-457d-8aa7-591d159e573c

একটি ছবি হাজার শব্দের সমান !

অ্যাঙ্গুলার ধারণাটি খুব সাধারণ। এটি "ইট" -> মডিউলগুলি সহ একটি অ্যাপ্লিকেশন "বিল্ড" করার প্রস্তাব দেয়

এই ধারণাটি কোডটির আরও ভাল গঠন এবং পুনরায় ব্যবহার এবং ভাগ করে নেওয়ার সুবিধার্থে এটিকে সম্ভব করে তোলে।

ES2015 / টাইপস্ক্রিপ্ট মডিউলগুলির সাথে কৌণিক মডিউলগুলি বিভ্রান্ত না করার বিষয়ে সতর্ক হন।

কৌণিক মডিউল সম্পর্কে, এটি এর জন্য একটি প্রক্রিয়া:

1- গোষ্ঠী উপাদান (তবে পরিষেবাগুলি, নির্দেশাবলী, পাইপ ইত্যাদি ...)

2- তাদের নির্ভরতা নির্ধারণ

3- তাদের দৃশ্যমানতা সংজ্ঞায়িত করুন।

একটি কৌণিক মডিউলটি কেবল ক্লাসের (সাধারণত খালি) এবং এনজিডমুল ডেকরেটার দিয়ে সংজ্ঞায়িত হয়।


5

উপাদানটি হ'ল the template(view) + a class (Typescript code) containing some logic for the view + metadata(to tell angular about from where to get data it needs to display the template)

মডিউলগুলি basically group the related components, services togetherযাতে আপনার কার্যকারিতার অংশ থাকতে পারে যা স্বতন্ত্রভাবে চলতে পারে। উদাহরণস্বরূপ, কোনও অ্যাপ্লিকেশানের বৈশিষ্ট্যগুলির জন্য মডিউলগুলি থাকতে পারে, যেমন আপনার ড্যাশবোর্ডের মতো আপনার অ্যাপ্লিকেশনের নির্দিষ্ট বৈশিষ্ট্যের জন্য উপাদানগুলির গোষ্ঠীকরণের জন্য, যা আপনি কেবল অন্য অ্যাপ্লিকেশনের অভ্যন্তরে দখল করতে এবং ব্যবহার করতে পারেন।

আমাদের সাইট ব্যবহার করে, আপনি স্বীকার করেছেন যে আপনি আমাদের কুকি নীতি এবং গোপনীয়তা নীতিটি পড়েছেন এবং বুঝতে পেরেছেন ।
Licensed under cc by-sa 3.0 with attribution required.