我如何从Mat形式的字段中计算数学方程，该字段使用Angular材料用等号表示为excel

Question

我是Angular的新手。我想在垫子形式字段内键入=100+5或=8*5/2，当我按下回车键时，它会在垫子形式域内计算并显示结果。我不确定如何在MatFormField中处理这些等式。请帮助

提前感谢！

Answer 1

正如@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"
}
}

这是一个堆叠式

Answer 2

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;
}