Angular2：無法綁定到「模式」，因爲它不是一個已知的財產「對步驟」

我一直在努力執行下面的代碼：Angular2：無法綁定到「模式」，因爲它不是一個已知的財產「對步驟」

states.component.html

<p-steps [model]="items"></p-steps> 

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

import { StepsModule, MenuItem } from 'primeng/primeng'; 

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

@Component({ 
    selector: 'jhi-states', 
    templateUrl: './states.component.html', 
    styles: [] 
})

states.component.ts

export class StatesComponent implements OnInit { 

    items: MenuItem[]; 

    constructor() { } 

    ngOnInit() { 
     this.items = [ 
      {label: 'Step 1'}, 
      {label: 'Step 2'}, 
      {label: 'Step 3'} 
     ]; 
    } 

}

連接到網站，我得到以下結果時：

無法綁定到'model'，因爲它不是'p-steps'的已知屬性。

任何想法？

來源

2017-06-22 Gorka Sanz Monllor

'p-steps'組件是否具有'@Input（）model'屬性？ –

p-steps沒有任何@Input模型屬性。 https://www.primefaces.org/primeng/#/steps –

有時錯誤是有點混亂，調查

刪除model，並重新編譯，

如果錯誤更改爲不能找到對的步驟或類似的東西，這意味着你的模塊無法訪問p-steps，因此您需要檢查它是否導出到它自己的模塊上（在exports中），並且還需要檢查模塊是否已導入另一個模塊providers
如果錯誤消失，它意味着p-steps沒有model輸入

來源

2017-06-22 16:24:35 RezaRahmati

我看到您已將模塊導入您的組件，但您是否已將PrimeNG StepsModule導入您的父模塊？

import { StepsModule } from 'primeng/primeng'; 

@NgModule({ 
    imports: [ 
    StepsModule 
    ],

來源

2017-06-22 20:39:08 Steveland83

Angular2：無法綁定到「模式」，因爲它不是一個已知的財產「對步驟」

回答

相關問題