VS Code не указывает, что метод не существует в шаблоне Angular

#angular #typescript #visual-studio-code

#angular #typescript #visual-studio-code

Вопрос:

Если я напишу имя метода в шаблоне angular (HTML), которого нет в компоненте angular, метод не будет подчеркнут в шаблоне. Он должен предупредить меня, что save() его не существует. Я использую Angular 11 и VS Code, и я где-то видел эту функциональность.

Как я могу заставить подчеркивание отображаться в VS Code, если метод в шаблоне angular не существует?

 <button (click)="save()">Save</button>
 

Комментарии:

1. Привет, Naveed. Какой у вас вопрос по этому поводу? Вы спрашиваете, как заставить подчеркивание отображаться? Если да, пожалуйста, не могли бы вы отредактировать свой вопрос, чтобы уточнить это и предоставить подробную информацию о том, какую среду IDE вы используете?

2. Привет @Tim. Я обновил вопрос. Да, как получить подчеркивание, если метод не существует в компоненте?

3. Я не использую VS Code, поэтому не могу дать хорошего ответа на этот вопрос, но я подозреваю, что вам может понадобиться расширение, чтобы добиться такого поведения. Это выглядит как хорошая возможность — marketplace.visualstudio.com/items?itemName=Angular.ng-template — но я не могу ничего обещать.

4. У меня уже есть это расширение.

5. В принципе, у меня уже было это расширение раньше, но я не был уверен в его функциональности. во-вторых, я удалил множество расширений, из-за чего языковая служба Angular теперь работает нормально, а методы подчеркнуты, если они не существуют в компоненте. и это расширение, которое вы рекомендовали по ссылке выше. Большое тебе спасибо @Tim, теперь моя проблема решена. strictTemplates для этой цели не требуется.

Ответ №1:

Установите это расширение vscode Angular Language Service.