angular - 如何在表单字段中以 Angular 给出固定文本？

Question

我有两个字段。一个是 Id，另一个是 URL。我的问题是如何在字段中给出固定文本。 在下面的代码中，在 URL 字段中，用户必须提供 IP 地址和端口号。在该字段中，应该有固定文本 https:\。用户的数据应在此 之后输入>https:\。存储到数据库时，数据应类似于https:\192.145.23.45\7894。

请回答这个问题。

提前致谢:)

<mat-form-field appearance="outline">
   <mat-label>url</mat-label>
   <input matInput placeholder="Url"formControlName="url" >
   <mat-error *ngIf="appawareform.controls.url.invalid  && 
    appawareform.controls.url.touched && 
    !appawareform.controls.url.value">url is required</mat-error>
   <mat-hint align="start">NOTE:server:portno</mat-hint>
</mat-form-field>

Answer 1

您可以通过在输入字段上添加一个简单的函数来实现。

(focusin)="addPrefix($event)"

请参阅工作demo .