Vscode-ng-language-service: Защита типов не распознается во вложенных элементах

аналогично охранники типов не применяются к контекстам в языковой службе (они, похоже, применяются во время компиляции, как и это)

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>

В типе языковой службы (всплывающая подсказка в vscode над item внутри {{ }} по крайней мере) составляет any

При компиляции введите правильно ExampleValue

Это то, что будет исправлено в грядущей языковой службе Ivy (см. Https://github.com/angular/vscode-ng-language-service/issues/335#issuecomment-693545000), но не то, что мы планируем исправить до этого момента из-за ограничений, присущих текущей реализации языковой службы.

Как упоминал Аяз, это решено в новой языковой службе, которая была выпущена в версии 11.1 в качестве дополнительной опции. Вы можете включить его в настройках расширения: