如何使用Angular材质从Mat形式的字段计算数学方程，该Mat字段的公式类似于具有等号的Excel

问题描述

我是Angular的新手。我想在Mat表单字段内键入= 100 + 5或= 8 * 5/2，当我按Enter键时，它会在Mat表单字段本身内计算并显示结果。我不确定如何在MatFormField中处理这些方程式。请帮忙

预先感谢！

解决方法

正如@MoxxiManagarm所说，MatFormField只是包装输入的东西，然后可以是文本，文本区域，选择...，因此在您的情况下，您正在谈论输入。因此，您可以轻松地将输入解决方案包括在MatFormField中。

通过简单的(keyup.enter)指令，您可以在用户使用Enter键时将输入绑定到方法上。

<input type="text" (keyup.enter)="onEnter($event)">

然后在您的方法上，确保要像Excel一样执行操作，请检查第一个字符是否相等。

onEnter(event){
  const value = event.target.value
  if (value[0] == "="){
    event.target.value = eval(value.substring(1)) // Here you get only the operation to evaluate it without the first "equal"
  }
}

Here是一次闪电战

,

MatFormField只是包装器组件。我想我们正在谈论一种输入。

您可以对输入事件做出反应，只需覆盖内容即可

<input (keydown.enter)="solveEquation($event)" />

  solveEquation($event) {
    const element = $event.target;
    element.value += `=${this.solve(element.value)}`
  }

  private solve(equation: string): number {
    // any logic to solve the string equation
    return 111;
  }