4、使用 Angular 构建抽认卡游戏

使用 Angular 构建抽认卡游戏

1. 应用基本交互逻辑

在应用中，默认所有抽认卡都是关闭状态。当打开抽认卡后，如果猜测正确，可以点击对勾标记；若猜测错误，则点击叉号标记。点击对勾时，抽认卡的标题会变为绿色；点击叉号，标题会变为红色。接下来要实现的功能是创建一个编辑表单，以完善整个应用。

2. 模板驱动表单的引入

Angular 提供了两种向应用添加表单的方式，使用模板创建表单是一种简单的方法，Angular 称之为模板驱动表单。通过使用这些模板，可以向表单元素添加指令，以及实现值访问和验证等功能。具体操作步骤如下：
1. 添加 HTML 表单 ：在 app.component.html 文件顶部添加一个简单的 HTML 表单，用于添加或编辑抽认卡。

<form>
    <h1 class="is-size-3">Add New Flash Card</h1>
    <div class="field">
        <label class="label" for="">Question</label>
        <div class="control">
            <input required class="input" type="text" name="question">
        </div>
    </div>
    <div class="