Question

我一直在尝试执行以下代码：

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'的已知属性。

任何想法??

Answer 1

我发现您已将模块导入到组件中，但是您是否已将PrimeNG StepsModule导入父模块？

import { StepsModule } from 'primeng/primeng';

@NgModule({
  imports: [
    StepsModule
  ],

Answer 2

有时错误有点令人困惑，无法进行调查

删除model，然后重新编译，

如果错误更改为无法找到p步骤或类似内容，则表示您的模块无法访问p步骤，因此您需要检查它是否已导出到其自己的模块上（在{{1}中） }），还需要检查您的模块是否已导入exports
如果错误消失，则表示p步骤没有providers输入

Answer 3

您在xxxx.spec.ts文件中是否也将其保存到导入文件中？我在MenuBarModule中遇到了同样的问题。我只是将其添加到我的component.spec.ts中

 TestBed.configureTestingModule({
        imports: [MenubarModule],
        declarations: [ HeadComponent]
    })

Angular2：无法绑定到'model'，因为它不是'p-steps'的已知属性

3 个答案: