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]
初学者请大神帮忙看看是否有遇到过这个问题
参考GPT和自己的思路:
你好!根据你的描述和代码示例,这个问题可能是在使用 [error] 属性时使用了不正确的语法。正确的语法是将属性的值设置为一个对象,其中每个键表示一种验证规则,每个值表示错误提示信息。例如,你的代码示例中的第一个 se 组件应该改为以下格式:
<se label="App Key" [error]="{ 'required': '请填写', 'pattern': '只能包含a-z, 0-9之间'}" required>
需要注意的是,单引号包裹的每个键名都需要在引号前加上一个反斜杠,以便于解析为字符串。如果出现 [object Object] 的错误提示,可能是因为某些键名没有正确引号包裹,导致错误解析为一个对象。
希望我的回答能够帮助你解决问题。如果你还有其他问题或疑问,欢迎继续咨询我!