Wwweixiao 2019-12-31 18:42 采纳率: 11.1%
浏览 221

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

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]
初学者请大神帮忙看看是否有遇到过这个问题

  • 写回答

1条回答 默认 最新

  • lshen01 2023-03-17 09:47
    关注

    参考GPT和自己的思路:

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

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

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

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

    评论

报告相同问题?

悬赏问题

  • ¥15 Arcgis相交分析无法绘制一个或多个图形
  • ¥15 seatunnel-web使用SQL组件时候后台报错,无法找到表格
  • ¥15 fpga自动售货机数码管(相关搜索:数字时钟)
  • ¥15 用前端向数据库插入数据,通过debug发现数据能走到后端,但是放行之后就会提示错误
  • ¥30 3天&7天&&15天&销量如何统计同一行
  • ¥30 帮我写一段可以读取LD2450数据并计算距离的Arduino代码
  • ¥15 飞机曲面部件如机翼,壁板等具体的孔位模型
  • ¥15 vs2019中数据导出问题
  • ¥20 云服务Linux系统TCP-MSS值修改?
  • ¥20 关于#单片机#的问题:项目:使用模拟iic与ov2640通讯环境:F407问题:读取的ID号总是0xff,自己调了调发现在读从机数据时,SDA线上并未有信号变化(语言-c语言)