未処理プロミス拒否：テンプレート解析エラー：「入力」の既知のプロパティではないため、「ngModel」にバインドできません

Question

いつもエラーが発生します'ngModel'にバインドできません入力の既知のプロパティです。

<div *ngIf="guide" class="form-group"> <label for="guideName">Name: </label> <input class="form-control" name="guideName" [(ngModel)]="test" required id="guideName"> <button (click)="saveGuide(guide)"></button> </div> 

マイapp.module.ts

は次のようになります：私はこのような何かを使用しようとした場合私 package.jsonで

import {NgModule} from "@angular/core"; 
import {routing} from "./app.routing"; 
import {BrowserModule} from '@angular/platform-browser'; 
import {FormsModule} from "@angular/forms"; 

import {GuideModule} from "./guide/guide.module"; 

@NgModule({ 
    imports: [BrowserModule, FormsModule, routing, GuideModule], 
    declarations: [AppComponent], 
    bootstrap: [AppComponent] 
}) 

export class AppModule {} 

を私が持っている：

"dependencies": { 
    ... 
    "@angular/forms": "^2.1.2", 
    ... 
} 

My systemjs.config.ts：

(function (global) { 
    System.config({ 
     paths: { 
      // paths serve as alias 
      'npm:': 'node_modules/' 
     }, 
     // map tells the System loader where to look for things 
     map: { 
      // our app is within the app folder 
      app: 'app', 
      // angular bundles 
      '@angular/core': 'npm:@angular/core/bundles/core.umd.js', 
      '@angular/common': 'npm:@angular/common/bundles/common.umd.js', 
      '@angular/compiler': 'npm:@angular/compiler/bundles/compiler.umd.js', 
      '@angular/platform-browser': 'npm:@angular/platform-browser/bundles/platform-browser.umd.js', 
      '@angular/platform-browser-dynamic': 'npm:@angular/platform-browser-dynamic/bundles/platform-browser-dynamic.umd.js', 
      '@angular/http': 'npm:@angular/http/bundles/http.umd.js', 
      "@angular/forms": "node_modules/@angular/forms/bundles/forms.umd.js", 
      '@angular/router': 'npm:@angular/router/bundles/router.umd.js', 
      '@angular/upgrade': 'npm:@angular/upgrade/bundles/upgrade.umd.js', 
      // other libraries 
      'rxjs': 'npm:rxjs', 
      'angular-in-memory-web-api': 'npm:angular-in-memory-web-api/bundles/in-memory-web-api.umd.js' 
     }, 
     // packages tells the System loader how to load when no filename and/or no extension 
     packages: { 
      app: { 
       main: './main.js', 
       defaultExtension: 'js' 
      }, 
      rxjs: { 
       defaultExtension: 'js' 
      } 
     } 
    }); 
})(this); 

Answer 1

guide-details.component.tsあなたはFormsModuleを輸入AppModuleの一部（NgModelディレクティブはFormsModuleの一部である）ではないため、このエラーを取得しています。 guide-details.component.tsが宣言されているモジュールでFormsModuleをインポートするか、guide-details.component.tsをAppModuleの宣言に移動する必要があります。