Для включения автодополнения переменных в HTML файле с использованием Angular в среде разработки Visual Studio Code, необходимо выполнить следующие шаги:
1. Установите расширение Angular Language Service для Visual Studio Code. Для этого откройте меню Extensions (Extensions > Marketplace) и введите "Angular Language Service" в поле поиска, затем установите его.
2. Убедитесь, что у вас установлен плагин TypeScript и Angular Language Service правильно настроен в настройках проекта Angular.
3. Сохраните все изменения в файлах проекта, чтобы VSCode обновил свою базу данных.
4. Попробуйте начать писать код с использованием переменных Angular (например, использование фигурных скобок в HTML шаблонах {{ переменная }}) и должно автоматически появиться автодополнение переменных.
Чтобы настроить отображение подсказок с переменными в редакторе VSCode при написании HTML кода с использованием директивы @for, если они перестали работать, попробуйте выполнить следующие действия:
1. Убедитесь, что у вас правильно настроен плагин IntelliSense в Visual Studio Code. Проверьте настройки в файле settings.json, расширениях и других связанных настройках.
2. Перезапустите Visual Studio Code и откройте файл, в котором не работает автодополнение переменных.
3. Убедитесь, что правильно указаны директивы и переменные в вашем HTML коде. Проверьте синтаксис и правильность написания кода.
4. Попробуйте использовать альтернативные способы написания циклов в Angular, такие как *ngFor или ngForOf, и посмотрите, работает ли автодополнение с ними.
Если проблема не решена после этих действий, попробуйте обновить все расширения, установленные в Visual Studio Code, или перезапустить программу. Если проблема сохраняется, возможно виной может быть обновление самого плагина Angular Language Service или проблема в самом проекте Angular.