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>

언어 서비스 유형 (적어도 {{ }} 내 item 위에 vscode의 툴팁 마우스 오버)은 any

컴파일 할 때 유형이 올바르게 ExampleValue

이는 곧 출시 될 Ivy-native 언어 서비스 (https://github.com/angular/vscode-ng-language-service/issues/335#issuecomment-693545000 참조)에서 수정 될 것이지만, 우리가 계획하고있는 것은 아닙니다. 현재 언어 서비스 구현의 고유 한 제한으로 인해 그 전에 수정하십시오.

Ayaz가 언급했듯이이 문제는 v11.1에서 옵트 인으로 출시 된 새로운 언어 서비스에서 해결되었습니다. 확장 설정에서 활성화 할 수 있습니다.