如何使用 typeScript 将 html 输入值解析为 angular2 的 json 数据

Question

我是 angularJS2.It 的新手对你来说可能是个虚拟问题我搜索了很多论坛，但未能将输入值输入到 typeScript 中的 json 值。你知道我应该如何编写我的 submit() 函数来从屏幕获取输入值并在我单击提交按钮时将其控制到屏幕吗？您可以在下面找到代码。如果您有任何疑问，请告诉我。

此致

   <!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');
 }


  }

Answer 1

正如@AJT_82所说。您在 Angular 2 项目中使用 AngularJS 语法。使用 [(ngModel)] 和 (submit) 而不是 ng-model 和 ng-submit.

（更不用说您在 html 的 head 中开始一个表单并在模板中使用 body / head）

如何使用 typeScript 将 html 输入值解析为 angular2 的 json 数据

how to parse html input value to json data at angular2 using typeScript

typescript

typescript2.0

angular