将表单内容和POST数据传递给服务

时间:2018-06-04 22:47:08

标签: angular

我需要将文本框的内容传递给mycomponent.component.ts文件。从我们需要调用web服务来发布内容。

我有两个问题:

  1. 我需要知道如何将表单内容检索到mycomponent.component.ts

  2. 我需要将内容发布到网络服务。

  3. 到目前为止我的代码:

     <div>
        <div class="form-group">
          <label for="name">Name</label>
          <input type="text" id="name" />
    
        </div>
        <div class="form-group">
          <label for="pwd">password</label>
          <input type="password" id="pwd" placeholder="Password" />
        </div>
    
        <button type="button" class="btn btn-primary" (click)="clickMe()">Ok</button>
    
      </div>
    

    mycomponent.component.ts

    ngOnInit() {
    }
    
      ClickMe(){
         // How to retrieve the content here.
      }
    
    }
    

1 个答案:

答案 0 :(得分:0)

我的建议是首先阅读Angular表格。最好的方法是从官方的Angular教程开始: Reactive Forms
那就是如果你已经知道如何绑定输入,但如果你不知道,请阅读User Input 为了能够将数据发送到服务器,您需要了解HttpClient当您阅读完所有内容后,请告诉我是否可以帮助您。