Vscode-ng-language-service: Typwächter werden in verschachtelten Elementen nicht erkannt

In ähnlicher Weise gelten Typwächter nicht für Kontexte im Sprachdienst (sie scheinen beim Kompilieren genauso zu gelten)

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>

Der Typ des Sprachdienstes (mit dem Mauszeiger in vscode über item innerhalb von {{ }} bewegen) ist any

Beim Kompilieren ist der Typ korrekt ExampleValue

Dies wird im kommenden Ivy-nativen Sprachdienst behoben (siehe https://github.com/angular/vscode-ng-language-service/issues/335#issuecomment-693545000), aber nicht geplant), aufgrund der inhärenten Einschränkungen der aktuellen Sprachdienstimplementierung vorher behoben werden.

Wie Ayaz erwähnte, wird dies im neuen Sprachdienst behoben, der in v11.1 als Opt-In veröffentlicht wurde. Sie können es in den Erweiterungseinstellungen aktivieren: