angular2：無法綁定到「X」，因爲它不是「Y」

我使用的角度2.3.0已知屬性。我收到下一條消息：angular2：無法綁定到「X」，因爲它不是「Y」

無法綁定到'type'，因爲它不是'alert'的已知屬性。

模板相關的代碼是（上here完整模板代碼）：

<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>

正如您可以猜到，我得到各個alert從alerts財產。

組件相關的代碼：

@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.' 
     }]; 
    } 
}

我不太搞清楚什麼是錯的。有任何想法嗎？

你HTML如下

來源

2016-12-14 Jordi

什麼是''。我想你忘了在裏面定義'@Input（）類型：sring'。如果可能，共享組件代碼。位於組件模板上的html標記中的 – ranakrunal9

警報。組件代碼已發佈。你需要更多的東西嗎？ – Jordi

我指的是共享代碼''成分不是你使用它。 – ranakrunal9

變化：

<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>

來源

2016-12-14 09:50:52 ranakrunal9

angular2：無法綁定到「X」，因爲它不是「Y」

回答

相關問題