Angular4:PrimeNG不起作用

时间:2017-05-31 02:31:36

标签: angular primeng

我尝试将PrimeNG集成到我的项目angular4中,我在网站中进行了设置,但是当我导入模块时,它会显示错误消息,例如:

Can't bind to 'ngModel' since it isn't a known property of 'p-inputSwitch'.

home.module.ts

import { NgModule } from '@angular/core';
import { ChartsModule } from 'ng2-charts/ng2-charts';
import { BsDropdownModule } from 'ngx-bootstrap/dropdown';

import { HomeComponent } from './home.component';
import { HomeRoutingModule } from './home-routing.module';
import {InputSwitchModule} from 'primeng/primeng';

@NgModule({
  imports: [
    HomeRoutingModule,
    ChartsModule,
    BsDropdownModule,
    InputSwitchModule
  ],
  declarations: [ HomeComponent ]
})
export class HomeModule { }

home.component.ts

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

@Component({
  templateUrl: 'home.component.html'
})
export class HomeComponent implements OnInit {

  // constructor( ) { }
  checked1: boolean = false;
  checked2: boolean = true;
/
.
.
.
/
}

home.component.html

<h3 class="first">Basic - {{checked1}}</h3>
<p-inputSwitch [(ngModel)]="checked1"></p-inputSwitch>

<h3>Labels - <span> {{checked2}}</span></h3>
<p-inputSwitch onLabel="Yes" offLabel="No" [(ngModel)]="checked2"></p-inputSwitch>

1 个答案:

答案 0 :(得分:2)

如果您没有导入“FormModule”,您将看到此消息。 对于你的情况,我没有看到这一点。

Can't bind to 'ngModel' since it isn't a known property of X.

此消息显示无法找到'ngModel'的声明。