যদি কোনও privateউপাদানটি ক্লাসে কোনও ভেরিয়েবল ঘোষিত হয়, আমি কি সেই উপাদানটির টেমপ্লেটে এটি অ্যাক্সেস করতে সক্ষম হব?
@Component({
selector: 'my-app',
template: `
<div>
<h2>{{title}}</h2>
<h2>Hello {{userName}}</h2> // I am getting this name
</div>
`,
})
export class App {
public title = 'Angular 2';
private userName = "Test Name"; //declared as private
}উত্তর:
না, আপনার টেম্পলেটগুলিতে ব্যক্তিগত ভেরিয়েবলগুলি ব্যবহার করা উচিত নয়।
যদিও আমি ড্রয়মুরের উত্তরটি পছন্দ করি এবং এতে নিখুঁত ধারণাগত যুক্তি দেখি, বাস্তবায়নের দিক দিয়ে এটি ভুল। টেমপ্লেটগুলি উপাদান শ্রেণীর মধ্যে বিদ্যমান নয়, তবে সেগুলির বাইরে রয়েছে। প্রমাণের জন্য এই রেপোটি একবার দেখুন ।
এটি কাজ করার একমাত্র কারণ টাইপস্ক্রিপ্টের privateকীওয়ার্ডটি সত্যই সদস্যকে ব্যক্তিগত করে তোলে না। জাস্ট-ইন-টাইম সংকলন রানটাইমের সময় একটি ব্রাউজারে ঘটে এবং জেএসের ব্যক্তিগত সদস্যদের কোনও ধারণা নেই (এখনও?)। আমাকে সঠিক পথে রাখার জন্য ক্রেডিট স্যান্ডার এলিয়াসের কাছে যায় ।
সঙ্গে ngcএগিয়ে অফ টাইম সংকলন, আপনি ত্রুটি যদি টেমপ্লেট থেকে উপাদানের ব্যক্তিগত সদস্যদের অ্যাক্সেস করার চেষ্টা করুন পাবেন। ক্লোন বিক্ষোভ রেপো, MyComponentসদস্যদের দৃষ্টিগোচর প্রাইভেটে পরিবর্তন করুন এবং চলার সময় আপনি সংকলন ত্রুটি পাবেন ngc। আগে-কাল-সংকলনের জন্য নির্দিষ্ট উত্তর এখানে is
সম্পাদনা: এই উত্তরটি এখন ভুল। বিষয়টি পোস্ট করার সময় এই বিষয়ে কোনও সরকারী দিকনির্দেশনা ছিল না, তবে @ ইয়ারোস্লোভের (দুর্দান্ত, এবং সঠিক) উত্তরে যেমন ব্যাখ্যা করা হয়েছে, এখন আর তেমনটি নেই: কোডেলাইজার এখন হুঁশিয়ারি উচ্চারণ করেছেন এবং এওটি সংকলন উপাদানগুলির টেমপ্লেটে ব্যক্তিগত ভেরিয়েবলের রেফারেন্সে ব্যর্থ হবে will । এটি বলেছিল, একটি ধারণাগত স্তরে এখানে সমস্ত কিছু বৈধ থাকবে, সুতরাং আমি এই উত্তরটি উপকারী বলে মনে হচ্ছে এটি ছেড়ে দেব।
হ্যাঁ, এটি প্রত্যাশিত
মনে রাখবেন যে privateএবং অন্যান্য অ্যাক্সেস মডিফায়ারগুলি হ'ল টাইপস্ক্রিপ্ট কনস্ট্রাক্টস, অন্যদিকে কম্পোনেন্ট / কন্ট্রোলার / টেমপ্লেটটি কৌনিক গঠন যা টাইপস্ক্রিপ্ট সম্পর্কে কিছুই জানে না। অ্যাক্সেস মডিফায়ারগুলি ক্লাসগুলির মধ্যে দৃশ্যমানতা নিয়ন্ত্রণ করে : একটি ক্ষেত্র তৈরি করা অন্যান্য ক্লাসগুলিতে এর অ্যাক্সেস থেকে privateবাধা দেয় তবে টেমপ্লেট এবং নিয়ন্ত্রণকারী এমন জিনিস যা ক্লাসের মধ্যে বিদ্যমান ।
এটি প্রযুক্তিগতভাবে সত্য নয়, তবে (ক্লাসগুলি কীভাবে সজ্জকার এবং তাদের মেটাডেটার সাথে সম্পর্কিত তা বোঝার পরিবর্তে) এটি এইভাবে চিন্তা করা সহায়ক হতে পারে, কারণ গুরুত্বপূর্ণ বিষয় (আইএমএইচও) হ'ল টেম্পলেট এবং নিয়ামককে পৃথক হিসাবে চিন্তাভাবনা থেকে সরিয়ে নেওয়া সংস্থাগুলি গঠনের একীভূত অংশ হিসাবে তাদের ভাবনায় সত্তা - এটি এনজি 2 মানসিক মডেলের অন্যতম প্রধান বিষয়।
সেভাবে এটি সম্পর্কে চিন্তা করা, স্পষ্টতই আমরা প্রত্যাশা করি যে privateকোনও উপাদান শ্রেণীর ভেরিয়েবলগুলি তার টেমপ্লেটে দৃশ্যমান হবে, একই কারণে আমরা আশা করি যে সেগুলি privateশ্রেণীর পদ্ধতিতে দৃশ্যমান হবে ।
যদিও কোড উদাহরণটি ইঙ্গিত করে যে প্রশ্নটি টাইপস্ক্রিপ্ট সম্পর্কে এটির নেই টাইপরাইটারে মুদ্রিট্যাগ। Angular2 ডার্টের জন্যও উপলব্ধ এবং এটি ডার্টের জন্য একটি উল্লেখযোগ্য পার্থক্য।
ইন ডার্ট টেমপ্লেট ব্যক্তিগত ভেরিয়েবল উল্লেখ থাকতে পারে না কম্পোনেন্ট ক্লাসের কারণ ডার্ট টাইপ করা বিষয় বিপরীতে কার্যকরভাবে বাইরে থেকে ব্যক্তিগত সদস্যদের এক্সেস বাধা দেয়।
আমি তখনও @ ড্রুমুরগুলি উপাদান সম্পর্কে চিন্তাভাবনা করার পরামর্শটি ফিরে পেয়েছি এবং যদিও এটির একক হিসাবে এটির টেমপ্লেট।
আপডেট (টিএস) মনে হচ্ছে অফলাইন সংকলন সহ ব্যক্তিগত সম্পত্তিগুলিতে অ্যাক্সেসটি Angular2 TS তেও আরও সীমাবদ্ধ হয়ে যাবে https://github.com/angular/angular/issues/11422
ব্যক্তিগত ভেরিয়েবলগুলি উপাদানগুলির টেমপ্লেটের মধ্যে ব্যবহার করা যেতে পারে। গাইডের জন্য কৌণিক 2 চিট শিট দেখুন: https://angular.io/docs/ts/latest/cookbook/comp घटक-communication.html#!# পিতা-মাতা- থেকে শিশু - সেটটার
টাইপস্ক্রিপ্টে ক্লাসের পাবলিক / প্রাইভেট সদস্যদের সম্পর্কে আরও বিশদ ব্যাখ্যা এখানে পাওয়া যাবে: https://www.typescriptlang.org/docs/handbook/classes.html ।
ডিফল্টরূপে সমস্ত সদস্য পাবলিক। ক্লাব-ইনস্ট্যান্সের সাথে উপাদানগুলি শ্রেণীর বাইরেও পাবলিক সদস্যদের অ্যাক্সেস করা যায়। তবে ব্যক্তিগত সদস্যরা কেবল শ্রেণীর সদস্যের কার্যক্রমেই অ্যাক্সেস করতে পারবেন।
একটি workaround টিএস ফাইল মধ্যে ব্যক্তিগত ভেরিয়েবল ব্যবহার এবং getters ব্যবহার করা যেতে পারে।
private _userName = "Test Name";
get userName() {
return this._userName;
}এটি একটি ভাল পদ্ধতির কারণ টিএস ফাইল এবং এইচটিএমএল স্বাধীন থাকে। আপনি টিএস ফাইলে _ ব্যবহারকারীর নাম পরিবর্তনশীল নামটি পরিবর্তন করলেও, আপনাকে টেমপ্লেট ফাইলে কোনও পরিবর্তন করতে হবে না।
সংক্ষিপ্ত উত্তরটি হ'ল এটি নয় যে আপনি টেমপ্লেট থেকে ব্যক্তিগত সদস্যদের অ্যাক্সেস করতে সক্ষম হবেন না কারণ এটি প্রযুক্তিগতভাবে টিএস ফাইল থেকে পৃথক।
Tsconfig.app.json- তে আপনি যদি সংকলক বিকল্পগুলিতে 'ফুলটাইপলেট টাইপচেক' বিকল্পটি সরবরাহ করেন তবে আপনি প্রকল্প নির্মানের সময় আপনার প্রকল্পের এইচটিএমএল ফাইলগুলিতে সমস্ত অবৈধ তথ্যসূত্র দেখতে পাবেন।
"angularCompilerOptions": {
"enableIvy": true,
"fullTemplateTypeCheck": true}