如何将 patchValue 数字与 angular 形式的字符串连接起来？

Question

这是我的TS

      ngOnInit() {
        this.editProfileForm = new FormGroup({
          firstNumber: new FormControl(null, {
            validators: [Validators.required],
          })
        }
      }

      fetchNumber() {
        this.nameService.fetchName().subscribe(
          () => {
            this.editProfileForm.patchValue({
              firstNumber: this.profileData.firstnumber,
            });
          },
        );
      }

我的HTML

            <ion-col>
              <ion-input
                *ngIf="nameData"
                type="number"
                inputmode="numeric"
                formControlName="firstNumber"
                placeholder="First number" >
                <ion-button clear icon-only fill="clear">
                  <ion-icon [src]="icons.info"></ion-icon>
                </ion-button>
              </ion-input>
            </ion-col>

我想要实现的是，当我在 HTML 中输入时，它会填充 firstNumber 的值，同时添加字符串“%”。我试过“+”

    firstNumber: this.profileData.firstNumber + "%";

，将“%”放入变量中，但仍然不起作用。如果你们有任何可以做到这一点，我将不胜感激。

Answer 1

Add the % in the input field using pipe

首先创建formcontrolname并绑定输入文本中的值

附上stackbliz，请参考

如何将 patchValue 数字与 angular 形式的字符串连接起来？

How to concatenate a patchValue number with a string in angular forms?

forms

angular

angular-reactive-forms

angular-forms