在 VS Code 中,若无法自动完成组件 HTML 模板中来自 TypeScript 代码的方法和变量,可以尝试进行以下操作:
示例代码:
{{ title }}
@Input()
和 @Output()
来绑定。示例代码:
// app.component.ts
import { Component, Input, Output, EventEmitter } from '@angular/core';
@Component({
selector: 'app-root',
templateUrl: './app.component.html',
styleUrls: ['./app.component.css']
})
export class AppComponent {
@Input() title: string;
@Output() clicked: EventEmitter = new EventEmitter();
handleClick(): void {
this.clicked.emit();
}
}
示例代码:
{{ title }}
确保正确安装了 Angular 插件,并在 VS Code 中启用了它。
确保 TypeScript 编译器正确安装,并使用带有 --strict
选项的编译器选项。
以上是一些可能解决该问题的步骤和注意事项,但并不一定适用于所有情况。如果问题仍然存在,可以考虑重新安装 VS Code 和 Angular,并使用清新的项目进行测试。