2016-12-27 74 views
1

的package.json由於它不是「輸入」的已知屬性,因此無法綁定到「ngModule」。在角2 asp.net核心

{ 
    "version": "1.0.0", 
    "name": "asp.net", 
    "private": true, 
    "dependencies": { 
    "@angular/common": "2.0.0", 
    "@angular/compiler": "2.0.0", 
    "@angular/core": "2.0.0", 
    "@angular/forms": "2.0.0", 
    "@angular/http": "2.0.0", 
    "@angular/platform-browser": "2.0.0", 
    "@angular/platform-browser-dynamic": "2.0.0", 
    "@angular/router": "3.0.0", 
    "@angular/upgrade": "2.0.0", 
    "core-js": "^2.4.1", 
    "reflect-metadata": "^0.1.3", 
    "rxjs": "5.0.0-beta.12", 
    "systemjs": "0.19.27", 
    "zone.js": "^0.6.23", 
    "angular2-in-memory-web-api": "0.0.20" 
    }, 
    "devDependencies": { 
    } 
} 

這是app.module.ts

import { NgModule } from '@angular/core'; 
import { BrowserModule } from '@angular/platform-browser'; 
import { FormsModule } from '@angular/forms'; 
import { LoginComponent } from "./Components/login.Component"; 


    @NgModule({ 
     imports: [BrowserModule, FormsModule], 
     declarations: [LoginComponent], 
     bootstrap: [LoginComponent] 
    }) 
    export class AppModule { } 

我有進口FormsModule在app.module但還是我面對這個問題。

這是login.component.ts

import { Component } from '@angular/core'; 
@Component({ 
    selector: 'login-app', 
    templateUrl: 'Home/partialLogin' 
}) 
export class LoginComponent { 
    email: string; 
    password: string; 
    constructor() { 
     this.email = "[email protected]"; 
     this.password = "test anand"; 

    } 

    login(event) { 
     console.log(this.email); 
     event.preventDefault(); 

    } 

} 

login.cshtml

<div style="margin-bottom: 25px" class="input-group"> 
         <span class="input-group-addon"><i class="glyphicon glyphicon-user"></i></span> 
         <input type="text" class="form-control" name="email" [(ngModule)] ="email" placeholder="username or email"> 
        </div> 

我有谷歌它的解決方案。他們提到的任何地方都會導入我已經添加的formModule,但仍然面臨着這個問題。

請任何人都可以解決這個問題。

+3

它應該是'ngModel'不'ngModule' – Satpal

回答

1

希望它應該是ngModel其中包含輸入字段的值

凡爲ngModule不同於在一個模塊中angularjs其是用於在組織的應用程序成的功能塊

3

它應該是ngModel而不是ngModule。更多詳情NgModel documentation

<input type="text" class="form-control" name="email" [(ngModel)]="email" placeholder="username or email"> 
+0

感謝它的工作 –

+0

媽那個錯字,白白浪費了我的幾個小時 – user3284463

2

試試這個

<input type="text" class="form-control" name="email" [(ngModel)]="email" placeholder="username or email"> 

你可以嘗試[ngModel]獨得這就是所謂的屬性綁定,但是當你使用[(ngModel)]這是雙向的數據綁定

凡爲@NgModule是Angular2的一個註釋,它允許我們獲取代碼/組件的包。

+0

感謝它的工作 –

+0

高興聽到:) –

相關問題