编写一个Angular程序,根据输入的系数a、b、c计算一元二次方程ax2 + bx + c=0的根。要求: (1) 创建新组件,界面和功能在新组件中实现 (2) 添加3个input标签,在input标签中定义变量,通过变量实现向逻辑文件传

递输入的数据 (3)添加一个计算按钮,点击按钮时调用逻辑文件中的函数进行计算 (4)显示计算结果

首先，在终端中使用以下命令创建一个新的Angular组件：

ng generate component quadratic-equation

打开 `quadratic-equation.component.html` 文件，并添加以下代码：

<div>
  <h2>一元二次方程计算器</h2>
  <label for="a">a:</label>
  <input type="number" id="a" [(ngModel)]="a">
  <br>
  <label for="b">b:</label>
  <input type="number" id="b" [(ngModel)]="b">
  <br>
  <label for="c">c:</label>
  <input type="number" id="c" [(ngModel)]="c">
  <br>
  <button (click)="calculate()">计算</button>
  <p *ngIf="result">x1 = {{result.x1}}, x2 = {{result.x2}}</p>
</div>

这段代码包含了三个输入框，一个计算按钮和一个用于显示结果的段落。注意，我们使用了 `ngModel` 指令来将输入框的值绑定到组件的属性中。

接下来，打开 `quadratic-equation.component.ts` 文件，并添加以下代码：

import { Component } from '@angular/core';

@Component({
  selector: 'app-quadratic-equation',
  templateUrl: './quadratic-equation.component.html',
  styleUrls: ['./quadratic-equation.component.css']
})
export class QuadraticEquationComponent {
  a: number;
  b: number;
  c: number;
  result: { x1: number, x2: number };

  calculate() {
    const delta = this.b * this.b - 4 * this.a * this.c;
    if (delta < 0) {
      alert('无实数解');
    } else if (delta === 0) {
      this.result = {
        x1: -this.b / (2 * this.a),
        x2: -this.b / (2 * this.a)
      };
    } else {
      this.result = {
        x1: (-this.b + Math.sqrt(delta)) / (2 * this.a),
        x2: (-this.b - Math.sqrt(delta)) / (2 * this.a)
      };
    }
  }
}

这段代码包含了 `QuadraticEquationComponent` 类，它包含了三个输入框的值和一个用于显示结果的对象。 `calculate()` 方法会计算一元二次方程的根，并将结果存储在 `result` 对象中。

最后，打开 `app.component.html` 文件，并添加以下代码：

<app-quadratic-equation></app-quadratic-equation>

这段代码会在 `app.component.html` 文件中添加一个 `quadratic-equation` 组件。

现在，我们已经创建了一个简单的Angular程序，可以根据输入的系数计算一元二次方程的根。