WebStorm自动完成不适用于抽象类中定义的Angular @Input（）

Question

我正在使用WebStorm 2017.2进行Angular v4.3项目。

向Angular HTML模板上的标记添加指令的WebStorm自动填充建议不提供对已扩展模板组件的抽象类定义的@Input（）属性的建议。

https://plnkr.co/edit/OJEoafoPZpz8gaxEbTBb?p=preview

fruit.component.ts（抽象基类）。

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

export abstract class FruitComponent {
  @Input() protected ColourParent: string;
}

item-of-fruit.component.ts（派生子类）。

import {FruitComponent} from './fruit.component';
import {Component, Input} from '@angular/core';

@Component({
  selector: 'app-item-of-fruit',
  template: `<input placeholder="{{ColourChild}} / {{ColourParent}}"/>`
})
export class ItemOfFruitComponent extends FruitComponent {
  @Input() ColourChild: string;
}

app.component.ts

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

@Component({
  selector: 'app-root',
  template: `<app-item-of-fruit [ColourChild]="'child-blue'" [ColourParent]="'parent-red'"></app-item-of-fruit>`
})
export class AppComponent {}

自动填充功能不会提供基类的[ColourParent]建议。

我希望看到[ColourChild]和[ColourParent]的自动完成提供建议。

这是WebStorm中的错误还是我做错了什么？

相对。问题https://youtrack.jetbrains.com/issue/WEB-28178