javascript - w3schools - কৌণিক 2 এ শর্তযুক্ত বৈশিষ্ট্য কীভাবে যুক্ত করবেন?




node js (4)

ইনলাইন-মানচিত্রগুলিও কার্যকর।

এগুলি আরও কিছুটা স্পষ্ট এবং পাঠযোগ্য।

[class]="{ 'true': 'active', 'false': 'inactive', 'true&false': 'some-other-class' }[ trinaryBoolean ]"

একই জিনিসটি সম্পাদন করার জন্য অন্য একটি উপায়, যদি আপনি ngIf সিনট্যাক্স বা ngIf (ইত্যাদি) পছন্দ না করেন।

আমি কীভাবে শর্তাধীন কোনও উপাদান বৈশিষ্ট্য যুক্ত করতে পারি যেমন একটি চেকবক্সের চেক করা?

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


আপনি এটি ব্যবহার করতে পারেন।

<span [attr.checked]="val? true : false"> </span>


গেন্টার জ্যাচবাউরের উত্তর পরিমার্জন:

এটি এখন অন্যরকম বলে মনে হচ্ছে। আমি অ্যাঙ্কর ট্যাগটিতে শর্তসাপেক্ষে একটি href বৈশিষ্ট্য প্রয়োগ করার জন্য এটি করার চেষ্টা করছিলাম। 'প্রয়োগ করবেন না' ক্ষেত্রে আপনার অবশ্যই অপরিজ্ঞাত ব্যবহার করতে হবে। একটি উদাহরণ হিসাবে, আমি শর্তাধীন একটি href বৈশিষ্ট্য প্রয়োগ করে একটি লিঙ্ক দিয়ে প্রদর্শন করব with

হাইপারলিংক স্পেস অনুযায়ী কোনও লিংক ট্যাগের জন্য একটি লিঙ্কের জন্য স্থানধারককে নির্দেশ করে একটি হ্রেফ বৈশিষ্ট্য ছাড়াই একটি অ্যাঙ্কর ট্যাগ সরল পাঠ্যে পরিণত হয়।

আমার নেভিগেশনের জন্য, আমার কাছে লিঙ্কগুলির একটি তালিকা রয়েছে, তবে সেই লিঙ্কগুলির মধ্যে একটিতে বর্তমান পৃষ্ঠাটি উপস্থাপন করা হয়। আমি বর্তমান পৃষ্ঠার লিঙ্কটি একটি লিঙ্ক হওয়ার জন্য চাইনি, তবুও এটি তালিকায় উপস্থিত হওয়া চাই (এটিতে কিছু কাস্টম শৈলী রয়েছে, তবে এই উদাহরণটি সরল করা হয়েছে)।

<a [attr.href]="currentUrl !== link.url ? link.url : undefined">

স্প্যান এবং অ্যাঙ্কর ট্যাগটিতে দুটি * এনজিআইফ ব্যবহার করার চেয়ে এটি পরিষ্কার।


যদি এটি কোনও ইনপুট উপাদান হয় তবে আপনি এই জাতীয় কিছু লিখতে পারেন .... <input type="radio" [checked]="condition"> শর্তের মান অবশ্যই সত্য বা মিথ্যা।

শৈলীর বৈশিষ্ট্যের <h4 [style.color]="'red'">Some text</h4> ... <h4 [style.color]="'red'">Some text</h4>








angular