如何在没有formControlName的情况下从angular forms向api传递输入？

在没有formControlName的情况下，可以通过以下步骤从Angular Forms向API传递输入：

创建一个表单组件，并在模板中定义表单元素，例如input、select等。
使用ngModel指令将表单元素与组件中的属性绑定，以便获取用户输入的值。
在组件中创建一个方法，用于处理表单提交事件。
在该方法中，构建一个JavaScript对象，将表单元素的值作为属性添加到该对象中。
使用HttpClient模块发送HTTP请求到API，并将构建的对象作为请求的主体发送给API。

以下是一个示例代码：

import { Component } from '@angular/core';
import { HttpClient } from '@angular/common/http';

@Component({
  selector: 'app-form',
  template: `
    <form (submit)="submitForm()">
      <input type="text" [(ngModel)]="name" name="name">
      <input type="email" [(ngModel)]="email" name="email">
      <button type="submit">Submit</button>
    </form>
  `
})
export class FormComponent {
  name: string;
  email: string;

  constructor(private http: HttpClient) {}

  submitForm() {
    const formData = {
      name: this.name,
      email: this.email
    };

    this.http.post('https://api.example.com/endpoint', formData)
      .subscribe(response => {
        // 处理API响应
      });
  }
}

在上述示例中，我们使用ngModel指令将输入框与组件中的属性进行双向绑定。当用户在输入框中输入值时，属性的值也会相应地更新。在表单提交时，我们构建一个包含输入值的formData对象，并使用HttpClient模块发送POST请求到API的指定端点。

请注意，这只是一个简单的示例，实际情况中可能需要更多的表单元素和验证逻辑。此外，根据具体的业务需求，可能需要在API端进行相应的处理和验证。