أخطاء خاصية AbstractControlDirective
لدي الكود التالي:
<div>
<label for="fullname">Passenger name:</label>
<input
type="text"
name="fullname"
required
#fullname="ngModel"
[ngModel]="detail?.fullname">
<div class="error" *ngIf="fullname.errors?.required && fullname.dirty">
Passenger name is required.
</div>
</div>
باستخدام خاصية داخل الخاصية errors
لمرجع ngModel فإنه يظهر لي هذا الخطأ.
لا ينبغي أن يكون هذا خطأ لأنه بناء جملة صالح للنماذج التي تعتمد على القوالب.
إغلاق بسبب نسخة مكررة من # 149
لقد حاولت مع النهج أعلاه لكنها فشلت فشلا ذريعا.
الرجاء إلقاء نظرة على هذا الرمز -
<div *ngIf="username.errors.minlength">Minimum length should be {{username.errors.minlength.requiredLength}}</div>
رمي خطأ بواسطة مترجم TS -
[الزاوي] لم يتم تعريف المعرف "مطلوب". لا يحتوي "__type" على مثل هذا العضو
حاولت نفس الشيء من أجل الخروج
مثال
حاول إضافة "؟" بعد "السعر".
"
<div *ngIf="firstName.errors.required">First Name is required.
<div *ngIf="firstName.errors.minlength">First Name should be minimum 3 character.</div>
<div *ngIf="firstName.errors.pattern">First Name doesn't Match pattern.</div>
</div>
i tried this
هذا سوف يحل المشكلة:
فقط أضف صب إلى منطقي باستخدام !! :
مثال
حاول إضافة "؟" بعد "السعر".
"السعر مطلوب ".أنا حل هذه المشكلة مضيفا؟ قبل المعلمة وليس بعد الأخطاء؟ ولكن هل يمكنك توضيح ذلك ومحاولة شرح كيفية حل هذه المشكلة بمجرد تحريك علامة الاستفهام؟ تضمين التغريدة
هذا سوف يحل المشكلة:
فقط أضف صب إلى منطقي باستخدام !! :
اسم المسافر مطلوب.هذا حل مشكلتي! شكرا!
مثال
حاول إضافة "؟" بعد "السعر".
"السعر مطلوب ".عملت معي. هل يمكن أن تخبرني لماذا يجب أن تضيف "؟"
هذا أيضا يحل مشكلتي فقط أضف؟
ولكن لا يؤدي استخدام الرمز المنطقي أو استخدام الرمز؟ (قد لا يكون) إلى حل حقيقة أن التحسس الذكي لا يمكنه العثور على خصائص _errors_.
جرب السعر ['أخطاء'] ['مطلوب']
EeeEui ال؟ سيأخذ (مشغل التنقل الآمن) متغيرًا حتى لو كان غير صالح ويتعامل مع الاستثناء داخليًا (غير صالح = خطأ في هذه الحالة).
?
لم يعمل معي. !!
يعمل فقط في حالتي.
<div class="alert alert-danger" *ngIf="username.touched && username.invalid" class="alert alert-danger">
<div *ngIf="!!username.errors.required">Username is required</div>
<div *ngIf="!!username.errors.minlength">Username Should be minimum {{ !!username.errors.minlength.requiredLength }} Charecters.</div>
</div>
يبدو الآن أنه مشكلة في VSCode ، لأن الخطأ لا يزال مبرزًا في المحرر الخاص بي ، لكن Angular لا يكتشفه على هذا النحو. ما فعلته لحل هذا لـ VSCode هو التحقق من الخطأ على جانب TypeScript ، مع وظيفة.
لغة البرمجة
تيبسكريبت
لقد نجح هذا بالنسبة لي ويبدو أنظف.
<div class="error" *ngIf="fullname.hasError('required')">
هذه الطريقة مفيدة حتى لو تعاملنا مع التحقق المخصص مثل fullname.hasError('invalidName')
واجهت نفس الخطأ. عمل *ngIf="formGroup?.get('fullName').hasError('required')"
مفيدًا بالنسبة لي
يبدو الآن أنه مشكلة في VSCode ، لأن الخطأ لا يزال مبرزًا في المحرر الخاص بي ، لكن Angular لا يكتشفه على هذا النحو. ما فعلته لحل هذا لـ VSCode هو التحقق من الخطأ على جانب TypeScript ، مع وظيفة.
لغة البرمجة
تيبسكريبت
الأخ الأكبر ، هذا كثير من المتاعب بالنسبة لك.
قم بإجراء * ngIf = "yourForm.get ('yourfield'). hasError ('required')"
تم قفل هذه المشكلة تلقائيًا بسبب عدم النشاط.
يرجى تقديم مشكلة جديدة إذا كنت تواجه مشكلة مشابهة أو ذات صلة.
اقرأ المزيد حول سياسة قفل المحادثة التلقائي .
_تم تنفيذ هذا الإجراء تلقائيًا بواسطة روبوت.
التعليق الأكثر فائدة
هذا سوف يحل المشكلة:
فقط أضف صب إلى منطقي باستخدام !! :
اسم المسافر مطلوب.