获取 FormControl 值 - TypeScript

在使用 Angular 中的表单时，我们通常会使用 FormControl 来管理表单控件的值。然而，在某些情况下，我们可能需要在代码中获取该控件的当前值。本文将介绍如何使用 TypeScript 获取 FormControl 值。

获取 FormControl 值

为了获取 FormControl 的值，我们需要通过 value 属性来访问它的当前值。例如，如果我们有一个名为 myFormControl 的 FormControl，我们可以使用以下代码来获取它的当前值：

const value = myFormControl.value;

这将返回 myFormControl 的当前值作为字符串。如果 FormControl 包含其他类型的值，例如数字或布尔值，我们需要对其进行类型转换。例如，如果我们希望将值转换为数字，我们可以使用以下代码：

const valueAsNumber = Number(myFormControl.value);

同样的，如果我们需要将值转换为布尔类型，我们可以使用以下代码：

const valueAsBoolean = Boolean(myFormControl.value);

访问 FormControl 值的变化

有时候，我们还需要监测 FormControl 的值变化。为此，我们可以通过 valueChanges 属性来访问一个 Observable，它可以订阅 FormControl 值的变化。以下是一个示例代码：

myFormControl.valueChanges.subscribe(value => {
  console.log(`New value: ${value}`);
});

在上面的代码中，我们订阅了 myFormControl 的 valueChanges 事件，并在控制台输出新值。

结论

本文介绍了如何使用 TypeScript 获取 FormControl 值。我们可以使用 value 属性来获取 FormControl 的当前值，并使用类型转换将其转换为不同的类型。另外，我们还介绍了如何使用 Observable 监测 FormControl 值的变化。