2017-03-16 84 views
0

我是新來angularJS2.It可能是一個虛擬的問題你 我搜索了很多論壇,並沒有獲得輸入值在typeScript中的json值。你知道我應該如何編寫我的submit()函數來從屏幕獲取輸入值並在點擊提交按鈕時將其控制到屏幕?你可以找到下面的代碼。如果您有任何疑問,請讓我知道。如何解析HTML輸入值json數據在angular2使用typeScript

問候

<!DOCTYPE html> 
    <html> 
    <form name="myForm" ng-submit="submit()"> 
     <head> 
     <link rel="stylesheet" href="guiTransformatorStyles.css"> 
     </head> 
    <body> 
    <table> 
    <br> 
     <ul class="nav nav-pills nav-stacked"> 
     <tr><td> <input type="text" value="&nbsp;" ng-model="myForm.productName">                     </td></tr> 
    </ul> 
    </table> 
    </body> 
     </form> 
    </html> 

這是我的打字稿文件:

import { Component, OnInit} from '@angular/core'; 
    import { Router } from '@angular/router'; 
import { FormGroup, FormBuilder } from '@angular/forms'; 
import { Http } from '@angular/http'; 


@Component({ 
    moduleId: module.id, 
    templateUrl: 'navigation.component.html', 
    host: {'(window:keydown)' : 'hotkeys($event)'}, 

}) 

export class NavigationComponent implements OnInit { 

form: FormGroup; 

ngOnInit(): void { } 

constructor(private router: Router) { 

} 



submit() { 
    alert('submit'); 
} 


    } 
+1

...'NG-model'和'NG-submit'是AngularJS語法。 ... – Alex

+1

[plnkr](https://embed.plnkr.co/QllfZvOlQ8hNhhrU1KMY/)像這樣? –

回答

1

由於@ AJT_82說。您在Angular 2項目中使用AngularJS語法。使用[(ngModel)](submit)而不是ng-modelng-submit

(且不說你開始在你的HTML的head一種形式,在模板中使用body/head