টেমপ্লেট-চালিত এবং প্রতিক্রিয়াশীল ফর্মগুলির মধ্যে ব্যবহারিক পার্থক্যগুলি কী কী?


157

আমি অ্যাংুলার 2 নতুন ফর্ম এপিআই সম্পর্কে পড়ছি এবং মনে হচ্ছে ফর্মগুলিতে দুটি পন্থা রয়েছে, একটি হ'ল টেম্পলেট চালিত ফর্মগুলি অন্যটি প্রতিক্রিয়াশীল বা মডেল-চালিত ফর্ম।

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


3
বিবেচনার জন্য অন্য একটি বিষয় হল প্রতিক্রিয়াশীল ফর্মটি সিঙ্ক্রোনাস এবং টেম্পলেট চালিত ফর্মটি অ্যাসিনক্রোনাস। উভয় ফর্মের নিজস্ব দুর্বলতা এবং শক্তি রয়েছে your সুতরাং আপনার অ্যাপ্লিকেশনটিতে কোন ফর্মটি ব্যবহার করবেন তা চয়ন করার আগে কয়েকটি বিষয় বিবেচনা করতে হবে। অ্যাপ্লিকেশন জটিলতা ইত্যাদি। আপনি প্রয়োগে উভয় ফর্ম ব্যবহার করতে পারেন।
বিজয় সিং

উত্তর:


171

টেমপ্লেট চালিত ফর্ম বৈশিষ্ট্য

  • ব্যবহার করা সহজ
  • সাধারণ দৃশ্যের জন্য উপযুক্ত এবং জটিল পরিস্থিতিতে ব্যর্থ
  • অ্যাঙ্গুলারজেএস এর অনুরূপ
  • দ্বিমুখী ডেটা বাঁধাই ( [(NgModel)]সিনট্যাক্স ব্যবহার করে)
  • ন্যূনতম উপাদান কোড
  • ফর্ম এবং এর ডেটাগুলির স্বয়ংক্রিয় ট্র্যাক (কৌণিক দ্বারা পরিচালিত)
  • ইউনিট পরীক্ষা করা আরও চ্যালেঞ্জ

প্রতিক্রিয়াশীল ফর্ম বৈশিষ্ট্য

  • আরও নমনীয়, তবে প্রচুর অনুশীলনের প্রয়োজন
  • যে কোনও জটিল পরিস্থিতিতে পরিচালনা করে
  • কোনও ডেটা বাঁধাই করা হয় না (বেশিরভাগ বিকাশকারীদের দ্বারা পছন্দযোগ্য অপরিবর্তনীয় ডেটা মডেল)
  • আরও উপাদান কোড এবং কম HTML মার্কআপ
  • প্রতিক্রিয়াশীল রূপান্তরগুলি যেমন সম্ভব করা যায়
    • কোনও অভিষেকের সময়ের উপর ভিত্তি করে একটি ইভেন্ট পরিচালনা করা
    • উপাদানগুলি পরিবর্তিত হওয়া পর্যন্ত স্বতন্ত্র থাকা ইভেন্টগুলি হ্যান্ডলিং
    • গতিশীলভাবে উপাদান যুক্ত করা
  • আরও সহজ ইউনিট পরীক্ষা

1
সাইড টেস্টিং ইউনিটটি কি এখনও টেম্পলেট চালিত ফর্মগুলির জন্য প্রযোজ্য?
বিপদ 89

@ বিপদ ৯৯ ইউনিট টেস্টিংটি টেমপ্লেট চালিত ফর্মগুলির জন্য সমস্যা হ'ল কারণ এগুলি মান পরিবর্তন এবং বৈধতা চেকগুলি অ্যাসিনক্রোনাস, যা ইউনিট পরীক্ষার ক্ষেত্রে মাথাব্যথার কারণ হতে পারে।
অ্যালেক্স লকউড

2
আমি উপরের মিশ্রণে ফর্ম বৈধতা যুক্ত করব । টেমপ্লেটগুলি নির্দেশের মাধ্যমে বৈধ হয় যেখানে ক্রিয়া দ্বারা প্রতিক্রিয়াশীল হয়
কাইরান

11
প্রতিক্রিয়াশীল ফর্মগুলি উল্লেখ করার সময় "কোনও জটিল পরিস্থিতি পরিচালনা করে" এর অর্থ কী? অ্যাঙ্গুলারজেএস থেকে আগত, আমি জটিল ফর্মগুলি ঠিক সূক্ষ্মভাবে তৈরি করেছি, সুতরাং টেমপ্লেট চালিত ফর্মগুলি "জটিল পরিস্থিতিতে ব্যর্থ" কীভাবে তা দেখা আমার পক্ষে শক্ত
জেটেট

@ জাজেট আমি আপনার সাথে জেতেতে একমত, কারও কি ধারণা আছে যে যার মাধ্যমে কেউ পারফরম্যান্স, লোড টাইম ইত্যাদি উন্নত করতে সহায়তা করে?
জোয়েল জোসেফ

24

আমি মনে করি এটি কোড , কৌশল এবং ব্যবহারকারীর অভিজ্ঞতা সম্পর্কে আলোচনা ।

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

এই নিবন্ধটি এটি সম্পর্কে একটি ভাল রেফারেন্স: কৌণিক 2 ফর্ম - টেম্পলেট চালিত এবং মডেল চালিত পদ্ধতির


24

এখানে দেবোরাসেকে (দেবোরাহ কুরতা) দ্বারা ব্যাখ্যা করা টেমপ্লেট চালিত এবং প্রতিক্রিয়াশীল ফর্মগুলির মধ্যে তুলনার সংক্ষিপ্তসারটি দেওয়া হল, এখানে চিত্র বর্ণনা লিখুন


3

প্রতিক্রিয়াশীল ফর্ম:

  • পুনর্ব্যবহারযোগ্য,
  • আরও শক্তপোক্ত,
  • testable,
  • আরও স্কেলেবল

টেমপ্লেট-চালিত ফর্ম:

  • যোগ করা সহজ,
  • কম স্কেলেবল,
  • মৌলিক ফর্ম প্রয়োজনীয়তা

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

একটি কৌনিক অফিকাল লিঙ্ক আছে


0

প্রতিক্রিয়াশীল ফর্ম এবং টেমপ্লেট-চালিত ফর্মগুলির মধ্যে পার্থক্য জানার সহজ উপায়

যদি আপনি আরও নিয়ন্ত্রণ চান এবং স্কেলাবিলিটি প্রতিক্রিয়াশীল ফর্মের সাথে যান তবে আমি বলতে পারি

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


0

টেমপ্লেট চালিত ফর্ম:

ফর্মসমডুল ব্যবহার করে আমদানি করা

এনজিএমডেল নির্দেশিকা দিয়ে তৈরি ফর্মগুলি কেবলমাত্র শেষের পরীক্ষার শেষেই পরীক্ষা করা যেতে পারে কারণ এর জন্য একটি ডিওএমের উপস্থিতি প্রয়োজন

ফর্ম মানটি দুটি পৃথক স্থানে পাওয়া যাবে: ভিউ মডেল অর্থাৎ এনজিমডেল

ফর্মের বৈধতা, যেহেতু আমরা একটি ক্ষেত্রটিতে আরও বেশি সংখ্যক বৈধ লেখক ট্যাগ যুক্ত করি বা যখন আমরা জটিল ক্রস-ফিল্ডের বৈধতা যুক্ত করতে শুরু করি তখন ফর্মটির পাঠযোগ্যতা হ্রাস পায়

প্রতিক্রিয়াশীল ফর্ম:

বড় আকারের অ্যাপ্লিকেশনগুলির জন্য সাধারণত ব্যবহৃত হতে পারে

জটিল বৈধতা যুক্তি বাস্তবায়নের জন্য সহজ

রিঅ্যাকটিভফর্মস মোডুল ব্যবহার করে আমদানি করা

ফর্ম মানটি দুটি ভিন্ন জায়গায় উপলব্ধ হবে: ভিউ মডেল এবং ফর্মগ্রুপ

ইউনিট টেস্টে সহজ: আমরা কেবল ক্লাসটি ইনস্ট্যান্ট করে, ফর্ম নিয়ন্ত্রণে কিছু মান সেট করে এবং ফর্মটি বৈশ্বিক বৈধ রাষ্ট্র এবং প্রতিটি নিয়ন্ত্রণের বৈধতা রাষ্ট্রের বিরুদ্ধে দৃ as়তার সাথে সম্পাদন করে তা করতে পারি।

প্রতিক্রিয়াশীল প্রোগ্রামিংয়ের জন্য পর্যবেক্ষণের ব্যবহার

উদাহরণস্বরূপ: একটি পাসওয়ার্ড ক্ষেত্র এবং একটি পাসওয়ার্ড নিশ্চিতকরণ ক্ষেত্রটি অভিন্ন হওয়া দরকার

প্রতিক্রিয়াশীল উপায়: আমাদের কেবল একটি ফাংশন লিখতে হবে এবং এটি ফর্মকন্ট্রোলটিতে প্লাগ করতে হবে

টেমপ্লেট-চালিত উপায়: আমাদের একটি নির্দেশিকা নির্ধারণ করতে হবে এবং কোনওভাবে এটিকে দুটি ক্ষেত্রের মান দিতে হবে

https://blog.angular-university.io/introduction-to-angular-2-forms-template-driven-vs-model-driven/

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