Angular -> 将 Cookie 中的用户名放入输入字段答案

【问题标题】：Angular -> Put Username from Cookie into InputfieldAngular -> 将 Cookie 中的用户名放入输入字段
【发布时间】：2021-12-27 07:58:11
【问题描述】：

我有一个带有 oAuth 的 Web 应用程序，该 Web 应用程序包含用户 loginName 的 Inputifeld。登录名也在 oAuth 的 Cookie 中。我现在想从 Cookie 中获取该用户名并将其放入输入字段，以便用户不必自己输入。但如果用户愿意，用户还应该可以选择更改输入。

这是我的输入框：

<div class="input-field-userName">
    <div class="input-field input-oneline center-block" data-init="auto" style="width: 20%;">
      <input
        [formControlName]="homeForm.Username"
        [name]="homeForm.Username"
        type="text"
        id="userName"
        placeholder="userName"
        ngModel pattern="^t\w{4,9}$">
    </div>
  </div>

【问题讨论】：

希望您使用的是响应式表单，在表单初始化期间您可以读取 cookie 值并设置用户名的默认值
是的，我确实使用响应式表单，但我还没有找到如何在线执行此操作的示例。但我会努力的。
你可以参考这个stackblitz链接stackblitz.com/edit/angular-reactive-forms-101

标签： angular cookies input web-applications

【解决方案1】：

您可以在表单初始化期间设置默认值。可以从cookie中读取默认用户名

`registerForm = new FormGroup({
 userName: new FormControl('alvic'),  // add default value
 `

【讨论】：