angular - “CampaignComponent”类型上不存在属性“onSubmit”

Question

所以我试图让我的应用程序向 API 发送一些数据。目前的问题是，当我使用 ng serve 时，我得到-> 错误 TS2339：“CampaignComponent”类型上不存在属性“onSubmit”。

只有当我删除表单中的 onSubmit 时才可以。

活动.component.html

<div class="row">
  <div class="col">
    <div class="card card-primary">
      <div class="card-header">
        <h3 class="card-title">Add Campaign</h3>
      </div>
      <!-- /.card-header -->
      <!-- form start -->
      <form #userPost="ngForm" (ngSubmit)="onSubmit(userPost.value)">
        <div class="card-body">
          <div class="form-group">
            <label for="exampleInputEmail1">Nama Campaign</label>
            <input
              type="text"
              class="form-control"
              name="name"
              id="exampleInputEmail1"
              ngModel
              placeholder="Nama Campaign"
            />
          </div>
        </div>
        <!-- /.card-body -->

        <div class="card-footer">
          <button type="submit" class="btn btn-primary">Submit</button>
        </div>
      </form>
    </div>
    <!-- /.card -->
  </div>
</div>      

活动.component.ts

import { Component, OnInit } from '@angular/core';
import { GetServiceService } from '../get-service.service';

@Component({
  selector: 'app-campaign',
  templateUrl: './campaign.component.html',
  styleUrls: ['./campaign.component.css'],
})
export class CampaignComponent implements OnInit {
  campaigns;
  constructor(private campaignService: GetServiceService) {}

  ngOnInit(): void {
    this.campaigns = this.campaignService.getCampaign();
  }
}

这是我的问题（更改后）中的相同代码，在Angular12 中获取 API 使表格数据不显示

标签： angularapi

Answer 1

正如您在campaign.component.html文件中定义的onSubmit()函数

<form #userPost="ngForm" (ngSubmit)="onSubmit(userPost.value)">

所以你也需要在campaign.component.ts文件中定义相同的函数..

 onSubmit(formValue){
      console.log(formValue)
    }