Vscode-ng-language-service: टेम्पलेट में वैकल्पिक चैनिंग का समर्थन करें

को निर्मित 18 अग॰ 2017 · 70टिप्पणियाँ · स्रोत: angular/vscode-ng-language-service

विंडोज 10 पर 0.1.4 में

errors?.required को एक त्रुटि के रूप में उजागर किया जाता है

bug

स्रोत

marcelnem

👍13

सबसे उपयोगी टिप्पणी

यह मेरे लिए काम किया:

मुझे उम्मीद है इससे आपको मदद मिली होगी।

Ahnset 18 जन॰ 2018

👍38 😄10 👎9 ❤8 🎉7 🚀2

सभी 70 टिप्पणियाँ

OS X 10.11.6 (El Capitan) पर भी हो रहा है।

OS: OS X 10.11.6
एक्सटेंशन संस्करण: 0.1.4
वीएस कोड संस्करण: 1.15.1

Kurtz1993 28 अग॰ 2017

मुझे यह समस्या विंडो 10 x64 पर भी मिली
एक्सटेंशन संस्करण 0.1.7
वीएस कोड संस्करण 1.15.1
कृपया इसे जल्द ठीक करें

DuanTranHuy 31 अग॰ 2017

👍5

यहां भी यही समस्या।
त्रुटि यह है: 'पहचानकर्ता' त्रुटियां परिभाषित नहीं हैं। 'NgModel' में ऐसा कोई सदस्य नहीं है '।

OS: macOS 10.13
एक्सटेंशन: 0.1.7
वीएस कोड: 1.16.1
कोणीय: 4.4.3
टाइपस्क्रिप्ट: 2.5.2

matthew-ch 26 सित॰ 2017

एक ही समस्या है! कोई भी समाधान?

imomer 3 अक्तू॰ 2017

क्या मुझे इसे app.module या मेरे घटक में आयात करना चाहिए जहां फ़ॉर्म मौजूद है?

imomer 4 अक्तू॰ 2017

@VladBozhinovski द्वारा उल्लिखित @ कोणीय / रूप आयात इसे हल नहीं करेगा।
संबंधित प्रकार: https://github.com/angular/vscode-ng-language-service/issues/179

PBartrina 9 अक्तू॰ 2017

👍10

हाँ, मुझे काम नहीं किया ...

imomer 9 अक्तू॰ 2017

मैं एक ही समस्या है .... कोई समाधान?

devmrh 22 नव॰ 2017

एक ही मुद्दा, किसी को भी एक तय मिल गया है?

SlashD9 3 दिस॰ 2017

एक ही मुद्दा यहाँ। अभी तक कोई विचार?

pahofmann 19 दिस॰ 2017

मुझे भी इस समस्या का कोई समाधान मिला

GhanemJR0 21 दिस॰ 2017

मुझे भी।

FreekMencke 22 दिस॰ 2017

ऐसा लगता है जैसे मैं अकेला नहीं हूँ :)

mezubeen 26 दिस॰ 2017

इतने सारे लोगों को यह समस्या हुई। आप लोग इसे 'ईमेल? .Error.required' की तरह रोक सकते हैं

DuanTranHuy 26 दिस॰ 2017

👍33 😄6 🎉5 ❤4

@ Duanthse03268 ने रेड लाइन त्रुटि को दूर करके काम किया, लेकिन अभी भी निम्नलिखित कंसोल त्रुटि मिलती है, किसी भी विचार क्यों?

FoodFormComponent.html:9 ERROR TypeError: Cannot read property 'minlength' of undefined at Object.eval [as updateDirectives] (FoodFormComponent.html:10) at Object.debugUpdateDirectives [as updateDirectives] (core.es5.js:13056) at checkAndUpdateView (core.es5.js:12236) at callViewAction (core.es5.js:12601) at execComponentViewsAction (core.es5.js:12533) at checkAndUpdateView (core.es5.js:12242) at callViewAction (core.es5.js:12601) at execComponentViewsAction (core.es5.js:12533) at checkAndUpdateView (core.es5.js:12242) at callWithDebugContext (core.es5.js:13456)

niblux 6 जन॰ 2018

सुनिश्चित करें कि यू आयात करें
'@ कोणीय / रूपों' से आयात {FormMMule, Validators};

DuanTranHuy 6 जन॰ 2018

👎18

इस थ्रेड में कोई भी समस्या हल नहीं होती है। मैंने एक उदाहरण दिया कि जितना संभव हो सके उतना सरल बनाना संभव है कि कोई और इसे गड़बड़ न करे:

screen shot 2018-01-08 at 22 56 53

FormMule और Validators @ कोणीय / रूपों से आयात किए गए हैं। मैंने @ Duanthse03268 द्वारा इस समाधान का परीक्षण भी किया, और न केवल यह लाल रेखा के मुद्दे को हल नहीं करता है, यह कंसोल में एक त्रुटि का कारण बनता है जब myField की स्थिति में परिवर्तन होता है (TypeError: null की संपत्ति 'आवश्यक' नहीं पढ़ सकता है) यदि उपयोग किए बिना। '' 'त्रुटियों' के बाद।

मेरा कार्यान्वयन ब्राउज़र में त्रुटियों के बिना काम करता है लेकिन संपादक (VSCode) में (माना जाता है कि गलत) लाल रेखा को बरकरार रखता है। विचाराधीन फ़ाइलों की सूची (बाकी सब आप बस 'एनजी एनजी ...' को पुन: पेश करने के लिए):

app.module.ts
app.component.ts
app.component.html

संस्करण:

एक्सटेंशन: 0.1.7
VSCode: 1.19.1
कोणीय सीएलआई: 1.6.3
नोड: 9.2.1
OS: macOS 10.12.6
कोणीय: 5.1.3
क्रोम: 63.0.3239.84

joonashak 8 जन॰ 2018

👍6

आपने 'myfield? .Error.required' का उपयोग करने का प्रयास क्यों नहीं किया?

DuanTranHuy 9 जन॰ 2018

👎16 👍3

मैंने यह कोशिश की, जैसा कि मैंने अपनी पिछली टिप्पणी में लिखा था: "न केवल यह लाल रेखा के मुद्दे को हल नहीं करता है, यह कंसोल में एक त्रुटि का कारण बनता है जब myField की स्थिति में परिवर्तन होता है (TypeError: पढ़ नहीं सकते संपत्ति 'आवश्यक' शून्य ' ) "।

इसलिए, विस्तृत करने के लिए, 'myField; .errors.required' काम नहीं करता है और उपरोक्त त्रुटि संदेश को कंसोल में प्रदर्शित होने का कारण बनता है। '?' त्रुटि संदेशों के बिना ब्राउज़र में यह कोड काम करने के लिए 'त्रुटियों' के बाद लिखा जाना चाहिए, फिर भी संपादक में गलत लाल रेखा के मूल मुद्दे को हल नहीं करता है।

joonashak 9 जन॰ 2018

यह बेहद कष्टप्रद है क्योंकि लाल रेखाएँ अभी भी हैं लेकिन कार्यक्षमता काम करती है। मैं joonashak के साथ सहमत हूं क्योंकि प्रस्तुत समाधान काम नहीं करते हैं और दोनों स्वरूपों की कोशिश करने से समस्या हल नहीं होती है।

Rawr421 10 जन॰ 2018

यह मेरे लिए काम किया:

मुझे उम्मीद है इससे आपको मदद मिली होगी।

Ahnset 18 जन॰ 2018

👍38 😄10 👎9 ❤8 🎉7 🚀2

केवल वर्कअराउंड :(

brunobertechini 23 जन॰ 2018

IntelliJ मेरे लिए एक ही त्रुटि फेंकता है। लेकिन कार्यान्वयन ब्राउज़र में त्रुटियों के साथ भी काम करता है। @Ahnset द्वारा समाधान मेरे लिए काम किया। जानना चाहेंगे कि यह वाक्य रचना क्या है और यह अब कैसे काम कर रही है?

neha16k 6 फ़र॰ 2018

मैंने पाया कि यह त्रुटि हर बार जब आप किसी संपत्ति को संदर्भित करते हैं जो 'किसी' के रूप में परिभाषित होती है। एक अन्य समाधान ब्रैकेट संपत्ति एनोटेशन, क्लाइंटफ़र्स्टनाम का उपयोग कर रहा है?

adickenscheidt 9 फ़र॰ 2018

👍35 🎉6 ❤5 👎2 😄1

इसका सबसे बुरा, vscode के नवीनतम अद्यतन के साथ, मेरी फ़ाइल ट्री एक क्रिसमस ट्री की तरह बन गई है: christmas_tree:

Nomadzy 23 फ़र॰ 2018

😄17 👍12

@adickenscheidt वर्कअराउंड के लिए धन्यवाद। महान काम करता है, अब के लिए गूंगा सहमत हूँ।

ghost 27 फ़र॰ 2018

हटाए गए कोणीय भाषा सेवा ...

elkestudio 10 मार्च 2018

👎10 👍6 ❤2

@ Duanthse03268 आपका कार्य कार्य! धन्यवाद।

Kant2 19 मार्च 2018

@adickenscheidt
मेरे लिए यह समाधान काम धन्यवाद

KobiHason 20 मार्च 2018

इसने काम कर दिया। बहुत सराहना की @ Duanthse03268

rao53 18 अप्रैल 2018

@ Duanthse03268 आपका कार्य कार्य! लेकिन इसका वास्तव में क्या मतलब है?

robbiegod 25 अप्रैल 2018

यह नेस्टेड ऑब्जेक्ट प्रॉपर्टी के लिए काम नहीं करता है
<mat-select [(ngModel)]="object?.nestedObject?.property" name="property" #property="ngModel">
object?.object?.property पर सुपरकोल पार्सिंग त्रुटियां हो रही हैं

imchaitanya9 2 मई 2018

मैं इसका उपयोग करता हूं। बदसूरत लेकिन काम करता है।
name?.errors && name?.errors['required']

guignol1981 3 मई 2018

👍10 🎉2 👀1

email.errors ['आवश्यक'] मेरे लिए काम किया

MarkPhillips 8 मई 2018

@ guignol1981 सॉल्यूशन ने मेरे लिए काम किया।

MisterRaj 11 मई 2018

मेरे लिए इस काम का उपयोग करना:

केवल तत्व नाम की आवश्यकता है? निशान। यह इतना बदसूरत नहीं है

renemaldonado 22 मई 2018

मेरे पास एक ही मुद्दा है, लेकिन प्रस्तावित समाधानों में से किसी ने भी काम नहीं किया है:
"फ़ॉर्म? .गेट ('नाम')। त्रुटियाँ ।required"
"फ़ॉर्म ।गेट ('नाम')। त्रुटियां। ['आवश्यक']"
"फ़ॉर्म? भूल ('नाम')। त्रुटियां?

jgill248 25 मई 2018

नमस्कार इसे ऐसे ही आजमाएँ।
फॉर्म.शहर ('आवश्यक');

antonheck 25 मई 2018

👍10 🎉3

मेरे लिए यही काम किया। धन्यवाद @antonheck

jgill248 29 मई 2018

कुछ वर्कअराउंड हैं, प्रत्येक अलग-अलग स्थिति के लिए बेहतर है, हाँ। लेकिन वह मुद्दा नहीं है। मुझे अपना कोड अलग से नहीं लिखना चाहिए, जिसमें बदसूरत, हैकी सिंटेक्स शामिल है, केवल एक आईडीई एक्सटेंशन को अपील करने के लिए, जब मैंने जो लिखा था वह शुरू से ही सही था।

herzinger 5 जून 2018

👍4

मेरे पास समान कोड वाली समान समस्या और संदेश है:

class MyComponent {
  form: FormGroup;
}

टेम्पलेट में इस तरह की लाइनों के साथ:

<app-errors [control]="form.controls.email">

त्रुटि संदेश :

पहचानकर्ता 'ईमेल' परिभाषित नहीं है। '__type' में ऐसा कोई सदस्य नहीं है

समस्या प्रकार के क्षेत्रों के कारण होती है जैसे (यह AbstractControl या पाठ्यक्रम के कुछ और के साथ होता है):

{  [key: string]: AbstractControl;  };

मेरे पास विज़ुअल स्टूडियो कोड (विंडोज़) और कोणीय भाषा सेवाओं में यह संदेश है, लेकिन ng lint ।

fredgate 9 जून 2018

अब तक का सर्वश्रेष्ठ समाधान:

"!!" को टालने का प्रयास करें।
हालांकि यह मुश्किल है,
मैं इस तरह सफल हुआ।

_from: https://github.com/angular/vscode-ng-language-service/issues/126#issuecomment -366200219_

tmrony 21 जून 2018

👍11 🎉1 😄1

धन्यवाद tmrony, कई दिनों के खोज के बाद सबसे अच्छा समाधान ...

trungkmy 30 जून 2018

👍1

वास्तव में यह ऐसा ही माना जाता है, त्रुटि हाइलाइट को दिखाया गया है क्योंकि "AbstractControl" की "त्रुटियों" में कोई सख्ती से परिभाषित गुण नहीं है, यह " ValidationErrors " प्रकार का है

तो एक मान्यता नियम को सीधे एक्सेस करना त्रुटि पैदा कर रहा है, मेरे मामले में इसे स्क्वायर ब्रैकेट नोटेशन का उपयोग करके समस्या हल करती है।

(btw भले ही मैं सत्यापन संपत्ति का उपयोग कर रहा हूँ सीधे मुझे संकलन त्रुटियाँ नहीं मिल रही हैं, ऐप ठीक तरह से काम करता है)

ऐसा करने का दूसरा तरीका है नियंत्रण का "हैयर" विधि का उपयोग करना:

   <span *ngIf="(firstName.dirty || firstName.touched) && firstName.hasError('required')">First name is required.</span>

boban984 12 जुल॰ 2018

👍22 🎉7 🚀1

@ boban984 समाधान ने काम किया ...।

chandramuralis 18 जुल॰ 2018

@adickenscheidt सॉल्यूशन ने मेरे लिए काम किया! धन्यवाद

jardelsimao 31 जुल॰ 2018

"price.errors ['आवश्यक']" -> काम किया
"" price.errors.required "-> काम किया

riakharisma 2 अग॰ 2018

👍4

"कीमत ?err।?। क्रेयर्ड" को भी काम करना चाहिए, क्योंकि मेरा "फुलनाम? .errors .required" काम करता है

ADomeika 10 अग॰ 2018

"price.errors ['आवश्यक']" -> काम किया

यह संकलक 'पहचानकर्ता परिभाषित नहीं है' को ट्रिगर नहीं करता है, लेकिन यह एक अच्छा समाधान नहीं है, क्योंकि यदि त्रुटि ऑब्जेक्ट शून्य है, तो इसके बारे में कंसोल पर त्रुटि होगी।

roniaxe 15 अग॰ 2018

@ boban984
यह विजेता समाधान और स्पष्टीकरण है।

mikesun23 28 अग॰ 2018

मुझे यहां चर्चा की गई hasError() पद्धति की खोज करने में खुशी हुई, यह निश्चित रूप से टेम्पलेट सशर्त के इरादे को दिखाने का सबसे स्पष्ट तरीका है और मुझे लगता है कि मैं इसे विशेष रूप से आगे बढ़ने का उपयोग करने की कोशिश करूंगा।

हालाँकि ... कोई भी समस्या के मूल कारण को संबोधित नहीं कर रहा है, और यह अब एक वर्ष के लिए भाषा सेवा के साथ एक मुद्दा है। errors प्रॉपर्टी में एक प्रमुख इंडेक्स सिग्नेचर ( [key: string]: any ) है, जिसका अर्थ है कि TS कोड में, स्टेटमेंट myControl.errors.anythingYouLike साफ-साफ संकलन करेगा, फिर चाहे आप कितने भी सख्त-झंडे लगा लें। । यह सही है, क्योंकि इस तरह एक इंडेक्स हस्ताक्षर होने के पूरे बिंदु को रनटाइम पर मनमानी गुण बनाने में सक्षम होना है, और उन्हें डॉट-नोटेशन या इंडेक्स-नोटेशन द्वारा एक्सेस करना है। भाषा सेवा इंडेक्स-नोटेशन की अनुमति देती है, यही वजह है कि control?.errors['required'] काम करता है, लेकिन गलत के रूप में डॉट-नोटेशन को चिह्नित करता है, जो एक त्रुटि है।

thw0rted 31 अग॰ 2018

👍8

तीन समाधान:

<span *ngIf=" username.errors['email']">must be email</span>

<span *ngIf="!!username?.errors.email">must be email</span>

<span *ngIf="username.hasError('email')">must be email</span>

मुझे तीसरा सबसे अच्छा लगता है

Credo-Zhao 7 अक्तू॰ 2018

👍9 🎉1

@ boban984 महान समाधान और स्पष्टीकरण

vaibhavphutane 4 नव॰ 2018

❤1

thnks, मेरे लिए काम करता है !. 👍🏼
मैं कंसोल पर त्रुटियों से नफरत करता हूं ors

makitocode 14 नव॰ 2018

नमस्कार इसे ऐसे ही आजमाएँ।
फॉर्म.शहर ('आवश्यक');

यह सबसे सुरुचिपूर्ण समाधान था, और वास्तव में सभी मामलों के लिए काम करता है: myForm.hasError ('आवश्यक', 'myField')।

धन्यवाद @antonheck

marlonpatrick 21 नव॰ 2018

❤1 👍1

नमस्कार इसे ऐसे ही आजमाएँ।
फॉर्म.शहर ('आवश्यक');

यह सबसे सुरुचिपूर्ण समाधान था, और वास्तव में सभी मामलों के लिए काम करता है: myForm.hasError ('आवश्यक', 'myField')।

यह काम करता है, लेकिन सादगी पर आधारित सबसे अच्छा समाधान @ boban984 द्वारा प्रस्तुत किया गया था: "myField.hasError ('आवश्यक')"। :)

isidoreduc 5 फ़र॰ 2019

मैंने इस समस्या को इस तरह हल किया:

example.component.ts:

this.myForm = this.formBuilder.group({
      field: ['', [Validators.required, Validators.maxLength(10)]]
});

get getField() { return this.myForm.get('field'); }

example.component.html:

<div *ngIf="getField.errors" class="invalid-feedback">
  <div *ngIf="getField.hasError('required')"> Text required </div>
  <div *ngIf="getField.hasError('maxlength')"> Text maxLength </div>
</div>

मुझे मददगार होने की उम्मीद है।

bePericon 17 फ़र॰ 2019

👍3

बिल्कुल सही @bePericon यह मेरे लिए काम करता है!
धन्यवाद!

andrecontdi 29 मार्च 2019

👍1

<input type="text" formControlName="name" class="form-control" placeholder="Full name"> <div *ngIf="submitted && f['name'].errors" class="alert alert-danger"> <div *ngIf="f['name'].errors.required">Full Name is required</div> </div>
इसने मेरे लिए कोणीय 7 में काम किया

sohana08 8 अप्रैल 2019

तो दो साल के बाद, यह तय नहीं किया गया है? 🤣
संबंधित: https://github.com/angular/vscode-ng-language-service/issues/110

JounQin 15 जून 2019

👀6 😄2 👎1

तो दो साल के बाद, यह तय नहीं किया गया है? 🤣
संबंधित: # 110

यह बग नहीं है, यह ठीक उसी तरह है जैसे इसे काम करना चाहिए

boban984 16 जुल॰ 2019

👀1

यदि यह अपेक्षित कार्यक्षमता है, तो क्या दस्तावेज़ को अद्यतन किया जा सकता है? (एक उदाहरण के लिए यहां देखें)।

यह स्पष्ट रूप से ngModel के कच्चे संपत्ति के एक्सेसरों का उपयोग करता है, जहां इस धागे ने स्थापित किया है वे निश्चित रूप से नहीं कर सकते हैं।

dtromblee 24 जुल॰ 2019

वास्तव में यह तय है? मैंने पहले भी कई बार हैरिसर उम्र में बदलाव किया था, लेकिन अब मैं त्रुटि को दोहराने की कोशिश कर रहा हूं। myControl.errors.maxlength मेरे लिए किसी भी प्रकार का लाल नहीं उत्पन्न करता। यह भाषा सेवा विस्तार 0.801.1 के साथ है, जो पुस्तकालय के v8.1.x का उपयोग करता है, यदि यह मदद करता है।

thw0rted 25 जुल॰ 2019

@ thw0rted तो, myControl.errors.required और .pattern (और मुझे लगा कि इनपुट टैग पर required विशेषता छूट गई, जो एक बड़ी विफलता का कारण बन रही थी), वे नहीं करते हैं काफी काम है।

Required ज्यादातर काम करता है, हालांकि कुछ अजीब त्रुटियां थीं जो पॉप अप हुईं (उन्हें कैप्चर करने से चूक गए और वे दुर्भाग्य से असंगत हैं), और pattern आग जब पैटर्न गलत है, लेकिन अपडेट नहीं लगता है जब पैटर्न सही है।

इसके अलावा, मेरे पास समान vsCode भाषा का विस्तार है, और मैं अभी भी स्क्विग्लिस को अजीब रूप से देखता हूं।

पल के लिए .hasError समाधान के साथ छड़ी करने के लिए जा रहा है, और शायद अभी भी डॉक्स को अपडेट करने की सलाह देगा, कम से कम ऐसा करने के लिए एक स्पष्ट / सर्वोत्तम अभ्यास के रूप में उपयोग करें।

dtromblee 25 जुल॰ 2019

मैंने पाया कि यह त्रुटि हर बार जब आप किसी संपत्ति को संदर्भित करते हैं जो 'किसी' के रूप में परिभाषित होती है। एक अन्य समाधान ब्रैकेट संपत्ति एनोटेशन, क्लाइंटफ़र्स्टनाम का उपयोग कर रहा है?

इसने मेरे लिए त्रुटियों को दूर कर दिया। संदर्भ के लिए, कोड तब भी काम करता था जब त्रुटियों को रेखांकित किया गया था, मुझे अपने कोड में लाल रेखाएं देखना पसंद नहीं है।

Angelo191 8 अग॰ 2019

हां एक स्ट्रिंग के रूप में कुंजी में डालने से लाल रेखाएं निकल जाती हैं।

लेकिन आप इसके साथ सही वर्तनी और स्वत: पूर्ण होने जैसी सुविधाओं को खो देते हैं।

shiftgeist 9 अग॰ 2019

हैसर्रोट () का उपयोग करने के अलावा, एक फॉर्म के चाइल्ड कंट्रोल तक पहुंचने के लिए डॉट एक्सेस का उपयोग करना चाहिए। जैसे

class MyComponent {
  form: FormGroup;
}
टेम्पलेट में इस तरह की लाइनों के साथ:
<app-errors [control]="form.controls.email">
त्रुटि संदेश :
पहचानकर्ता 'ईमेल' परिभाषित नहीं है। '__type' में ऐसा कोई सदस्य नहीं है

समाधान होगा:

<app-errors [control]="form.get('email')">

teebszet 24 सित॰ 2019

वही मुद्दा।

f.email.errors.email.required फेल
!! f.email.errors.email.required फेल
f.email?.errors.email.required विफल
f। .email .errors.email.required विफल
f.email.error। ['आवश्यक'] विफल
f.email?.error.I'required '] विफल

यह मेरे लिए काम किया:

f ['ईमेल']। त्रुटियाँ

Chrisssel 26 नव॰ 2019

Https://github.com/angular/angular/pull/33884 के साथ तय किया जाना चाहिए

ayazhafiz 26 नव॰ 2019

निष्क्रियता के कारण यह मुद्दा स्वतः बंद हो गया है।
यदि आप एक समान या संबंधित समस्या का सामना कर रहे हैं, तो एक नया मुद्दा दर्ज करें।

हमारी स्वचालित वार्तालाप लॉकिंग नीति के बारे में और पढ़ें।

_{_ यह क्रिया स्वचालित रूप से बॉट द्वारा की जाती है ।_}

angular-automatic-lock-bot[bot] 18 फ़र॰ 2020

क्या यह पृष्ठ उपयोगी था?

0 / 5 - 0 रेटिंग्स

Vscode-ng-language-service: टेम्पलेट में वैकल्पिक चैनिंग का समर्थन करें

सबसे उपयोगी टिप्पणी

सभी 70 टिप्पणियाँ

संबंधित मुद्दों