কৌণিক 2 তে এনজি-অক্ষম করার জন্য কোনও বিকল্প আছে কি?

Question

আমি উন্নয়নের জন্য কৌণিক 2 ব্যবহার করছি এবং ভাবছিলাম যে ng-disabledকৌণিক 2 তে কোনও বিকল্প আছে কিনা।

প্রাক্তন জন্য। নীচের কোডটি কৌনিক জেএসে রয়েছে:

<button ng-disabled="!nextLibAvailable" ng-click="showNext('library')" class=" btn btn-info btn-xs" title="Next Lib >> {{libraries.name}}">
    <i class="fa fa-chevron-right fa-fw"></i>
</button>

কেবল জানতে চেয়েছিলাম কীভাবে আমি এই কার্যকারিতাটি অর্জন করতে পারি? কোন ইনপুট?

Comments

"! nextLibAvailable" [অক্ষম] = এই শক্তি সাহায্যের চেষ্টা

— Mayur

Answer 1

disabledসম্পত্তি সেট করতে trueবা falseব্যবহার করতে

<button [disabled]="!nextLibAvailable" (click)="showNext('library')" class=" btn btn-info btn-xs" title="Next Lib"> {{libraries.name}}">
    <i class="fa fa-chevron-right fa-fw"></i>
</button>

Comments

কেবলমাত্র <button>,(এটি সত্য?) কাজ করে যা যুক্তিসঙ্গত। অন্যথায় ত্রুটি বার্তাটি পান (উদাহরণস্বরূপ যখন একটি বাঁধতে চেষ্টা করুন <a>) `'অক্ষম' এর সাথে আবদ্ধ হতে পারে না কারণ এটি 'এ' a এর পরিচিত সম্পত্তি নয়

— রেড পিটর

এটি disabledসম্পত্তি রয়েছে এমন প্রতিটি উপাদানগুলিতে কাজ করে । আরও দেখুন stackoverflow.com/questions/35431188/angular

— গুন্টার Zöchbauer

Answer 2

[attr.disabled]="valid == true ? true : null"

nullএইচটিএমএল উপাদান থেকে অ্যাটর অপসারণ করতে আপনাকে ব্যবহার করতে হবে।

Comments

কৌণিক> ২.x এর জন্য এটিই [সঠিকভাবে অক্ষম]

— ডেল

attr.যখন উপাদানটির কোনও disabledসম্পত্তি না থাকে কেবল তখনই প্রয়োজনীয় । বোতাম এবং ইনপুট উপাদানগুলির মতো উপাদানের attr.জন্য অতিরিক্ত কাজ হয়। যে উপাদানগুলির কোনও disabledসম্পত্তির সাথে বাধ্যবাধকতা নেই সেগুলির জন্য attr.disabledকেবলমাত্র তখনই অর্থবোধক যখন আপনি সিএসএস দ্বারা এটিকে অক্ষম (মাউস পয়েন্টার, ধূসর রঙ, ...)

— দেখানোর জন্য সম্বোধন করেন

হ্যাঁ, এটি সর্বোত্তম উপায় যখন কোনও উপাদানটির ডিফল্ট অক্ষম না থাকে।

— বিরাজ

আপনি এখানে একটি সমাধান দেখতে পাচ্ছেন - এটি আপনার উপাদান এইচটিএমএলে এই বৈশিষ্ট্যটির সাথে কাজ করে [attr.aria-disabled]="myPropReflectingIfDisabled"। এটা তোলে একটি বৈশিষ্ট্য যোগ করা হবে aria-disabled="true"যদি myPropReflectingIfDisabledহয় true।

— Netsi1964

Answer 3

অ্যানুলার 6 দিয়ে এখানে একটি সমাধান ব্যবহার করা হচ্ছে।

[readonly]="DateRelatedObject.bool_DatesEdit ? true : false"

প্লাস উপরে দেওয়া উত্তর

[attr.disabled]="valid == true ? true : null"

আমার পক্ষে কাজ করে না এবং এটি বুল প্রত্যাশা করে নাল কারণ ব্যবহার সম্পর্কে সচেতন হন।

Comments

[কেবলমাত্র পাঠ্য] = "তারিখ সম্পর্কিত সম্পর্কিত অবজেক্ট.বুল_সেটস? সত্য: মিথ্যা" কৌণিক 6+ এর সাথে কাজ করে

— সোমদেব

Answer 4

কৌণিক 4+ সংস্করণের জন্য আপনি চেষ্টা করতে পারেন

<input [readonly]="true" type="date" name="date" />

Answer 5

হ্যাঁ আপনি হয় [অক্ষম] = "সত্য" সেট করতে পারেন বা যদি এটি একটি রেডিও বোতাম বা চেকবক্স হয় তবে আপনি কেবল অক্ষম ব্যবহার করতে পারেন

রেডিও বোতামের জন্য:

<md-radio-button disabled>Select color</md-radio-button>

ড্রপডাউন জন্য:

<ng-select (selected)="someFunction($event)" [disabled]="true"></ng-select>