Vscode-ng-language-service: नेस्टेड तत्वों में टाइप गार्ड की पहचान नहीं की जाती है

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

बग का वर्णन करें

जब घटक एक फ़ंक्शन का उपयोग करता है जो एक प्रकार का विधेय (टाइप गार्ड) देता है, तो संपादक एक लापता फ़ील्ड से संबंधित एक त्रुटि प्रदर्शित करता है, भले ही वह फ़ील्ड हो और कोड संकलित करता हो (कोणीय v8.2)।

प्रजनन करना
*ngIf में टाइप गार्ड का प्रयोग करें। नेस्टेड तत्वों में इसके द्वारा निर्धारित इंटरफ़ेस से किसी फ़ील्ड का उपयोग करने का प्रयास करें।

// my-model.model.ts
type MyModel = (MyModelA | MyModelB) & { type: 'A' | 'B' };
interface MyModelA {  
  fieldA: any;
}
interface MyModelB {
  fieldB: any;
}

// foo.component.ts
public model: MyModel;
public isModelA(model): model is MyModelA {
  return model.type === 'A';
}

// foo.component.html


md5-1956e8def7f34e35cec69338ae3e15c2

अपेक्षित व्यवहार

संपादक में कोई त्रुटि नहीं है।

bug ivy

स्रोत

JoannaFalkowska

👍6

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

इसी तरह टाइप गार्ड भाषा सेवा में संदर्भों पर आवेदन नहीं कर रहे हैं (वे ऐसा करते समय संकलन करते समय लागू होते हैं)

export class NgLetContext<T = any> {
  // allows syntax "foo; let bar"
  $implicit: T = null!;
  // allows syntax "foo as bar"
  ngLet: T = null!;
}
@Directive({
  selector: '[ngLet]',
})
export class NgLetDirective<T> implements OnInit {
  @Input()
  set ngLet(value: T) {
    this.context.$implicit = this.context.ngLet = value;
  }

  constructor(private containerRef: ViewContainerRef, private templateRef: TemplateRef<NgLetContext>) {}
  private context = new NgLetContext<T>();

  static ngTemplateContextGuard<T>(dir: NgLetDirective<T>, ctx: unknown): ctx is NgLetContext<T> {
    return true;
  }

  ngOnInit() {
    this.containerRef.createEmbeddedView(this.templateRef, this.context);
  }
}

interface MyModel  { baz: ExampleValue }
// foo.component.ts
public model: MyModel;

<div *ngLet="model.baz as item">
   {{ item }}
</div>

भाषा सेवा प्रकार में (कम से कम {{ }} अंदर बनामकोड में होवर टूलटिप item अंदर) any

संकलन करते समय, प्रकार सही ढंग से ExampleValue

bbarry 17 सित॰ 2020

👍1

यह कुछ ऐसा है जो आगामी आइवी-मूल भाषा सेवा में तय किया जाएगा (देखें https://github.com/angular/vscode-ng-language-service/issues/335#issuecomment-693545000), लेकिन ऐसा कुछ नहीं जिसकी हम योजना बना रहे हैं वर्तमान भाषा सेवा कार्यान्वयन की अंतर्निहित सीमाओं के कारण पहले ठीक करें

ayazhafiz 3 दिस॰ 2020

👍1

जैसा कि अयाज़ ने उल्लेख किया है, इसे नई भाषा सेवा में हल किया गया है जिसे ऑप्ट-इन के रूप में v11.1 में जारी किया गया है। आप इसे एक्सटेंशन सेटिंग में सक्षम कर सकते हैं:

atscott 22 जन॰ 2021

🎉1

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

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

Vscode-ng-language-service: नेस्टेड तत्वों में टाइप गार्ड की पहचान नहीं की जाती है

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

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