2017-05-31 17 views
0

が、私はウェブサイトでのセットアップに続く動作していないが、私は、モジュールをインポートするとき、それは例えば、エラーメッセージが表示されます。Angular4:PrimeNGは、私は私のプロジェクトのangular4にPrimeNGを統合しようと

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

ngModel用のFormModuleをインポートしましたか? – Val

+0

あなたの答えをありがとう、私はグローバルモジュールにFormModuleをインポートしなければならなかった、私はhome.module.tsにFormModuleをインポートするときに動作する – Anas

答えて

2

"FormModule"をインポートしなかった場合、このメッセージが表示されます。 あなたのケースでは、私はその場所でそれを見ていませんでした。

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

このメッセージは、「ngModel」の宣言が見つからないことを示しています。

+0

ありがとう – Anas

関連する問題