显示 html 内容的 Angular 表单答案

【问题标题】：Angular form showing html content显示 html 内容的 Angular 表单
【发布时间】：2021-09-22 04:55:55
【问题描述】：

嗨，我是 Angular 的新手，我在下面编写了用于在卡片中显示 name 和 session 的代码，但我看到的结果如下所示，有人可以帮我解决我的错误吗？

代码

<div class="card">
  <form [formGroup]="userForm">
    <div class="mt-5">
      <div class="form-row">
        <div class="col-md-12">
          <div class="form-group">
            <label>Name</label>
          </div>
          <div class="form-row">
            <div class="col">
              <input="text" formControlName="name" class="form-control" placeholder="Name">
            </div>
          </div>
        </div>
        <div class="col-md-12">
          <div class="form-group">
            <label>Session</label>
          </div>
          <div class="form-row">
            <div class="col">
              <input="text" formControlName="session" class="form-control" placeholder="Session">
            </div>
          </div>
        </div>
      </div>
    </div>
  </form>
</div>

结果

【问题讨论】：

标签： angular formgroups

【解决方案1】：

您的输入标签中没有type 属性。

<input type="text" formControlName="name" class="form-control" placeholder="Name"/>

【讨论】：

【解决方案2】：

input 标签是 HTML 的一部分，与 Angular 无关。您使用的语法不正确，并且角度将其显示为字符串。 input 可以获取多个属性以获取更多详细信息，请查看here（您缺少类型属性）。

<input type="text" formControlName="name" class="form-control" placeholder="Name" />

【讨论】：

【解决方案3】：

**You don't have the type attribute in your input tag.**


<div class="card">
  <form >
    <div class="mt-5">
      <div class="form-row">
        <div class="col-md-12">
          <div class="form-group">
            <label>Name</label>
          </div>
          <div class="form-row">
            <div class="col">
              <input type="text" class="form-control" placeholder="Name">
            </div>
          </div>
        </div>
        <div class="col-md-12">
          <div class="form-group">
            <label>Session</label>
          </div>
          <div class="form-row">
            <div class="col">
              <input type="text" class="form-control" placeholder="Session">
            </div>
          </div>
        </div>
      </div>
    </div>
  </form>
</div>

【讨论】：

请在代码中添加一些描述，帮助其他用户正确理解。
你写的：- 这是错误的，你必须写 input type="text"输入="文本"