Угловые переменные шаблона не разрешены в PhpStorm - PullRequest
0 голосов
/ 07 октября 2019

У меня есть приложение Angular 7 в PhpStorm, и разрешение через нажатие ctrl в шаблонах работает для всего (специфичные для Angular атрибуты, такие как * ngIf, пользовательские теги компонентов или каналы), но не для локальных переменных.

Например, яиметь этот компонент:

import { Component } from '@angular/core';

Component({
    selector: 'test-component',
    templateUrl: './test.component.html'
});
export class TestComponent {
    public list: string[];
}

С этим шаблоном:

<ng-container *ngFor="let x of list">
    Hello {{x}}
</ng-container>

Я могу ctrl щелкнуть по импортированному модулю @angular/core, чтобы перейти к определению, ctrl нажать *ngFor, чтобыперейти к файлу объявлений, нажать {{x}}, чтобы перейти к * ngFor / let и т. д. но я НЕ могу нажать на list, чтобы перейти к объявлению в файле .ts. Он также отображается красным с комментарием «неразрешенная переменная или тип».

У меня установлены node_modules, часть проекта и не исключены. Все Typescript и Angular autocomplete и т. Д. Работают, кроме шаблонных переменных.

PhpStorm - 2019.2.3, плагин Angular установлен и настроен. Я уже пытался сделать недействительными кэши, переиндексировать и перезапустить.

1 Ответ

1 голос
/ 07 октября 2019

Оказывается, у меня есть расширение .html, назначенное PHP (потому что у меня много устаревших файлов в проекте). Любопытно, что все угловые механизмы завершения работали за исключением шаблонных переменныхПрисвоение .html Angular в области «Типы файлов» решило проблему.

...