Intellisense not autocompleting variables in HTML

Question

Intellisense for html in my VSCode has stopped working. I'm able to get the autocomplete for html tags, but I'm not getting suggestions for .ts variables. I've always used this feature and for some reasons it's not working anymore. For ts files it's working correctly.

VSCode version: 1.60.2

Installed extensions:

Angular Language Service
Angular spec generator
OpenAPI (Swagger) Editor
Reload
SVG Viewer
TODO Highlight
Visual Studio IntelliCode
YAML

I don't remember installing one of those and then intellisense for html stop working. I've tried restarting VSCode and the language shown in the bottom bar of VSCode is the right one.

That's my problem too. I'm coding from memory in the last month — Mahdi Zarei, Oct 17 '21 at 08:53
have you tried disabling all the plugins except Angular Lanugage Service ? and if that works just start enanbling one by one until it stops working. — Mauricio Gracia Gutierrez, Oct 18 '21 at 16:13

score 9 · Answer 1 · answered Aug 16 '22 at 15:10

9

I had the same problem and fixed by disabling and then re-enable the Angular Language Service extension.

Disable the Angular Language Service.
Reload VS Code.
Enable the Angular Language Service.

This worked for me.

answered Aug 16 '22 at 15:10

Karti

131
1
4

2

This worked for me, no idea why. Good ol' turn it off and on again. – xcvd Aug 21 '22 at 12:50
XD ahaha this works but sounds so stupid. – Hamza Abbas Nov 11 '22 at 15:48

score 1 · Answer 2 · answered May 08 '23 at 16:31

1

Try enabling "Force Strict Templates" in your Settings. I am on Angular 15. Now I see the autocomplete for nested objects in the HTML. Adding strictTemplates in my tsconfig.json did not work as suggested by the documentation.

answered May 08 '23 at 16:31

Neil Menon

169
1
5

score 0 · Answer 3 · edited Oct 19 '21 at 09:56

0

In order to get full angular variable autocomplete feature inside your html file we need to tweak some setting in our workspace tsconfig.json file, Please perform the following steps :-

Open tsconfig.json file of your angular project workspace.
set strictTemplates flag to true in your tsconfig.json file.

"angularCompilerOptions": {
    "strictTemplates": true   
},

Restart your Visual studio code and then check if suggestion are coming inside your html file.

This is also stated in Angular language plugin's official info page.

edited Oct 19 '21 at 09:56

Rifky Niyas

1,737
10
25

answered Oct 12 '21 at 11:10

Aditya Vashishtha

189
1
16

1

Let me know if that worked for you and accept my answer if working fine. – Aditya Vashishtha Oct 12 '21 at 11:12
That didn't work, I already had strictTemplates in my file but didn't work – Usr Nov 09 '21 at 10:11

score 0 · Answer 4 · answered Oct 18 '21 at 16:14

0

Have you tried disabling all the plugins except Angular Lanugage Service ? and if that works just start enabling one by one until it stops working.

Also have you checked the logs of the extensions ? Where are the VSCode error logs for extensions?

answered Oct 18 '21 at 16:14

Mauricio Gracia Gutierrez

10,288
6
68
99

score 0 · Answer 5 · answered Aug 16 '22 at 14:55

0

I had the same problem and fixed by disabling and then re-enable the Angular Lanugage Service extension.

Disable the Angular Lanugage Service,
Reload VS Code
Enable the Angular Lanugage Service.

This worked for me.

answered Aug 16 '22 at 14:55

Karti

1

score 0 · Answer 6 · answered Oct 10 '22 at 11:54

0

I have installed both Angular Language Servcie and Angular Snippets (Version 13) thats why problem occurs. then i uninstall Angular Snippets (Version 13) and restart Angular Language Servcie and restrat vs code.and now its working fine.

answered Oct 10 '22 at 11:54

khushi parihar marothiya

7
1
2

Intellisense not autocompleting variables in HTML

6 Answers6