如何根据Angular中的下拉选择和函数返回设置输入值

Question

我有一个包含两个字段的表单 - 类型和编号。对于每种类型，都有一个默认编号，但用户可以更改为他们想要的任何编号。

所以对我来说，我必须根据用户从上面的下拉框中选择的类型用默认值填写输入。

我尝试了几种方法但都没有成功，请问我的代码有什么问题吗？

这里是html文件：

    <form-field>
        <select [(ngModel)]="type">
            <option *ngFor="let type of types" [value]="type">{{type}}</option>
        </select>
    </form-field>
    <form-field>
        <input type="number" (change)=getNumber(type) [(ngModel)]="number">
    </form-field>

这里是 ts 文件：

  public async getNumber(selectedType: string): Promise<number> {
    const listOfType = await this.service.getTypeList();
    for (const type of listOfType) {
      if (type.typeName === selectedType) {
        return type.number;
      }
    }
  }

getTypeList() 方法将返回一个由字符串和数字类型组成的模型列表。

我在这里遗漏了什么吗？