Vscode-ng-language-service: [الزاوي] لم يتم تعريف المعرف "مطلوب". لا يحتوي "__type" على مثل هذا العضو

تم إنشاؤها على ٢٨ أغسطس ٢٠١٧  ·  22تعليقات  ·  مصدر: angular/vscode-ng-language-service

أخطاء خاصية 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 فإنه يظهر لي هذا الخطأ.
لا ينبغي أن يكون هذا خطأ لأنه بناء جملة صالح للنماذج التي تعتمد على القوالب.

التعليق الأكثر فائدة

هذا سوف يحل المشكلة:
فقط أضف صب إلى منطقي باستخدام !! :


اسم المسافر مطلوب.

ال 22 كومينتر

إغلاق بسبب نسخة مكررة من # 149

لقد حاولت مع النهج أعلاه لكنها فشلت فشلا ذريعا.

الرجاء إلقاء نظرة على هذا الرمز -

هذه الخانة مطلوبه
          <div *ngIf="username.errors.minlength">Minimum length should be {{username.errors.minlength.requiredLength}}</div>

رمي خطأ بواسطة مترجم TS -
[الزاوي] لم يتم تعريف المعرف "مطلوب". لا يحتوي "__type" على مثل هذا العضو

حاولت نفس الشيء من أجل الخروج

مثال
حاول إضافة "؟" بعد "السعر".
"

السعر مطلوب.
"

الإسم الأول مطلوب.
يجب ألا يقل الاسم الأول عن 3 أحرف.

الاسم الأول لا يتطابق مع النمط.


حاولت هذا

<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 ال؟ سيأخذ (مشغل التنقل الآمن) متغيرًا حتى لو كان غير صالح ويتعامل مع الاستثناء داخليًا (غير صالح = خطأ في هذه الحالة).

? لم يعمل معي. !! يعمل فقط في حالتي.

؟ لم يعمل و. !! عملت فقط في الزاوية 7+.

<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 ، مع وظيفة.

لغة البرمجة

html

تيبسكريبت

ts

لقد نجح هذا بالنسبة لي ويبدو أنظف.
<div class="error" *ngIf="fullname.hasError('required')">
هذه الطريقة مفيدة حتى لو تعاملنا مع التحقق المخصص مثل fullname.hasError('invalidName')

واجهت نفس الخطأ. عمل *ngIf="formGroup?.get('fullName').hasError('required')" مفيدًا بالنسبة لي

يبدو الآن أنه مشكلة في VSCode ، لأن الخطأ لا يزال مبرزًا في المحرر الخاص بي ، لكن Angular لا يكتشفه على هذا النحو. ما فعلته لحل هذا لـ VSCode هو التحقق من الخطأ على جانب TypeScript ، مع وظيفة.

لغة البرمجة

html

تيبسكريبت

ts

الأخ الأكبر ، هذا كثير من المتاعب بالنسبة لك.

قم بإجراء * ngIf = "yourForm.get ('yourfield'). hasError ('required')"

تم قفل هذه المشكلة تلقائيًا بسبب عدم النشاط.
يرجى تقديم مشكلة جديدة إذا كنت تواجه مشكلة مشابهة أو ذات صلة.

اقرأ المزيد حول سياسة قفل المحادثة التلقائي .

_تم تنفيذ هذا الإجراء تلقائيًا بواسطة روبوت.

هل كانت هذه الصفحة مفيدة؟
0 / 5 - 0 التقييمات