angular2：無法綁定到“ x”，因為它不是“ y”的已知屬性

Question

我正在使用角度2.3.0。 我收到下一條消息：

無法綁定到“類型”，因為它不是“警報”的已知屬性。

模板相關的代碼是（ 此處有完整的模板代碼）：

<alert *ngFor="let alert of alerts; let i = index" [type]="alert.type + ' alert-sm'" (close)="closeAlert(i)" dismissible="true">
    <div [innerHTML]="alert.msg"></div>
</alert>

可以猜到，我從alerts屬性獲取每個alert 。

組件相關代碼：

@Component({
  selector: 'signin',
  styleUrls: [ './signin.style.scss' ],
  templateUrl: './signin.template.html',
  encapsulation: ViewEncapsulation.None,
  host: {
    class: 'signin-page app'
  },
  providers: [ UsersService ]
})
export class Signin implements OnInit {

    private alerts: Array<Object>;

    constructor()
    {
        this.alerts = [
        {
            type: 'success',
            msg: '<span class="fw-semi-bold">Success:</span> You successfully read this important alert message.'
        }];
    }
}

我不太想找出問題所在。 有任何想法嗎？

Answer 1

如下更改HTML：

<div *ngFor="let alert of alerts; let i = index" [attr.type]="alert.type + ' alert-sm'" (close)="closeAlert(i)" dismissible="true">
    <div [innerHTML]="alert.msg"></div>
</div>