Angular技术问题：如何在两个函数间传递下拉选择框的ID值？

这里有几种简单直接的实现方式，你可以根据自己的代码结构选择：

方法一：组件内存储选中ID（最直观） #

1. 在组件类中声明一个变量，用来保存选中的用户ID：

selectedUserId: number | undefined;

2. 修改你的idUser方法，把选中值存入这个变量：

idUser(value: any) {
  this.selectedUserId = value;
}

3. 在addPost方法中直接使用这个变量：

addPost(title: string, body: string): void {
  title = title.trim();
  body = body.trim();
  this.postService.APIkey = this.urlToken as string;

  // 先判断是否选中了用户，避免空值
  if (!this.selectedUserId) {
    alert('请先选择用户');
    return;
  }
  this.postService.userid = this.selectedUserId;

  this.postService.addPosts(title, body).subscribe((data) => {
    window.location.reload();
  }, (error) => {
    if (error.status) {
      alert('Error: ' + JSON.stringify(error.error));
    }
  });
}

方法二：直接通过表单控件取值（更简洁，无需额外方法） #

因为你已经给mat-select绑定了formControlName="user"，可以直接从表单控件中获取值，不需要idUser方法：

1. 确保你的组件中有对应的FormGroup实例（比如用FormBuilder创建）：

import { FormGroup, FormBuilder } from '@angular/forms';

// 组件类内
userForm: FormGroup;

constructor(private fb: FormBuilder) {
  this.userForm = this.fb.group({
    user: [''] // 初始化表单控件
  });
}

2. 在addPost方法中直接获取控件值：

addPost(title: string, body: string): void {
  title = title.trim();
  body = body.trim();
  this.postService.APIkey = this.urlToken as string;

  const selectedUserId = this.userForm.get('user')?.value;
  if (!selectedUserId) {
    alert('请先选择用户');
    return;
  }
  this.postService.userid = selectedUserId;

  this.postService.addPosts(title, body).subscribe((data) => {
    window.location.reload();
  }, (error) => {
    if (error.status) {
      alert('Error: ' + JSON.stringify(error.error));
    }
  });
}

这种方式可以删掉模板中的(selectionChange)="idUser($event.value)"，减少不必要的代码。

方法三：通过模板引用变量取值 #

利用你已经定义的模板引用变量#selectVal，通过ViewChild获取组件实例来取值：

1. 在组件类中引入ViewChild和MatSelect：

import { ViewChild } from '@angular/core';
import { MatSelect } from '@angular/material/select';

// 组件类内
@ViewChild('selectVal') selectVal!: MatSelect;

2. 在addPost方法中获取选中值：

addPost(title: string, body: string): void {
  title = title.trim();
  body = body.trim();
  this.postService.APIkey = this.urlToken as string;

  const selectedUserId = this.selectVal.value;
  if (!selectedUserId) {
    alert('请先选择用户');
    return;
  }
  this.postService.userid = selectedUserId;

  this.postService.addPosts(title, body).subscribe((data) => {
    window.location.reload();
  }, (error) => {
    if (error.status) {
      alert('Error: ' + JSON.stringify(error.error));
    }
  });
}

内容的提问来源于stack exchange，提问作者user19761134