ng-alian 组件se学习必填提示报错

Question

ng-alain se 使用多个验证提示错误

<form nz-form #f="ngForm" se-container gutter="32">
    <se label="App Key" [error]="{ required: '请填写', pattern: '只能包含a-z, 0-9之间'}" required>
      <input type="text" nz-input [(ngModel)]="i.ak" name="ak" required pattern="^[a-z0-9]*$" placeholder="必填项，且只能包含a-z, 0-9之间">
    </se>
    <se label="App Secret" [error]="{ required: '请填写', pattern: '只能包含0-9之间'}" required>
      <input type="text" nz-input [(ngModel)]="i.sk" name="sk" required maxlength="32" pattern="^[0-9]*$" placeholder="必填项，且只能包含0-9之间">
    </se> 
        <se label="App z" error="必填" required>
      <input type="text" nz-input [(ngModel)]="i.z" name="z" required maxlength="32" placeholder="必填项">
    </se>
    <se>
      <button nz-button nzType="primary" [disabled]="f.invalid">Save</button>
    </se>
  </form>

学习复制用例，发现使用error="xx";提示是对的
使用[error]="{request:'xxx',...}"这个指挥提示[object,object]
初学者请大神帮忙看看是否有遇到过这个问题

Answer 1

参考GPT和自己的思路：

你好！根据你的描述和代码示例，这个问题可能是在使用 [error] 属性时使用了不正确的语法。正确的语法是将属性的值设置为一个对象，其中每个键表示一种验证规则，每个值表示错误提示信息。例如，你的代码示例中的第一个 se 组件应该改为以下格式：

<se label="App Key" [error]="{ 'required': '请填写', 'pattern': '只能包含a-z, 0-9之间'}" required>

需要注意的是，单引号包裹的每个键名都需要在引号前加上一个反斜杠，以便于解析为字符串。如果出现 [object Object] 的错误提示，可能是因为某些键名没有正确引号包裹，导致错误解析为一个对象。

希望我的回答能够帮助你解决问题。如果你还有其他问题或疑问，欢迎继续咨询我！