Question

这是我的代码，所以有很多这样的字段：

<input type="text" pInputText class="form-control" name="companyName" [(ngModel)]="company.Name" required #companyName="ngModel"
      />
      <label>Company Name</label>
      <p class="ui-message ui-messages-error ui-corner-all" *ngIf="(!companyName.valid && companyName.touched)">
         Company Name is required
      </p>

不是为所有强制/无效字段定义单独的消息，而是不能将单个消息与占位符一起用于字段名称？因此，每当我想要更改消息时，我都可以通过单行更改来管理它。

e.g。 “$ {field}是必需的，$ {field}无效等。”

如果可以的话，请给我一个例子

Answer 1

我想到的第一个解决方案就是将错误消息包装在一个函数中：

var displayError = (field) => `${filed} is required`;

并在HTML

上

<input type="text" pInputText class="form-control" name="companyName" [(ngModel)]="company.Name" required #companyName="ngModel"/>

  <label>Company Name</label>
  <p class="ui-message ui-messages-error ui-corner-all" *ngIf="(!companyName.valid && companyName.touched)">
     {{ displayError('Company name') }}
  </p>

使用单个消息验证表单

1 个答案: