Не может быть привязан к 'class-glyphicon-star-empty', так как это не является известным свойством 'I'.

---

Угловой 4.
приложение.компонент.ТС

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

@Component({
  selector: 'app-root',
  templateUrl: './app.component.html',
  styleUrls: ['./app.component.css']
})
export class AppComponent {
  title = 'app';
}

app.component.html
< div & gt;isFavorite: {{isFavorite}}< / div>
&ЛТ;кнопку (клик)="функция onclick()"&ГТ;переключить&ЛТ; кнопка/&ГТ;

< i class= " глификон"
[class-glyphicon-star-empty]="! isFavorite"
[класс glyphicon-звезды]="isFavorite"
(click)= "onClick ()" >
&л;/я и GT;

любимый.компонент.ТС

import { Component, OnInit,Input } from '@angular/core';

@Component({
  selector: 'app-favorite',
  templateUrl: './favorite.component.html',
  styleUrls: ['./favorite.component.css']
})
export class FavoriteComponent implements OnInit {

   @Input() isFavorite = false;

    onClick() {
        this.isFavorite = !this.isFavorite;
    }
  constructor() { }

  ngOnInit() {
  }

}

Однако в нем есть ошибка

Can't bind to 'class-glyphicon-star-empty' since it isn't a known property of 'i'.

Что я уже пробовал:

Я пытался angular-angular2 @input не работает-переполнение стека[^]
Это немного отличается от ссылки. Я использую templateUrl. Ссылка использует шаблон. Все еще не работает.

---