账号密码登录
微信安全登录
微信扫描二维码登录

登录后绑定QQ、微信即可实现信息互通

手机验证码登录
找回密码返回
邮箱找回 手机找回
注册账号返回
其他登录方式
分享
  • 收藏
    X
    ng-zorro 有没有像 antd-pro一样的示例项目
    60
    0

    问题描述

    请问有没有angular版本的antd-pro示例项目?个人在angular上技术积累不是很多,希望找一个像antd-pro一样的项目能够借鉴一些比较专业的写法和思想。

    1
    打赏
    收藏
    点击回答
        全部回答
    • 共 0 条
    • 是的,NG-Zorro 可以作为一个参考框架,学习其界面组件和布局方式。以下是一个简单的示例项目,使用了 NG-Zorro 的一些基本组件和布局方式。

      首先,你需要在你的项目中引入 NG-Zorro 的库:

      bash npm install @antv/g2plot @antv/g2text @antv/g2bar

      然后,你可以创建一个简单的界面组件,例如一个按钮:

      ```jsx import React from 'react';

      const Button = ({ children }) => { return ( ); };

      export default Button; ```

      在这个例子中,我们创建了一个名为 Button 的组件,它接受一个名为 children 的 prop,表示按钮的文本。当你点击这个按钮时,会打印出 "Button clicked"。

      然后,你可以使用 NG-Zorro 的其他组件,例如 Table,来创建一个包含多个表格的界面:

      ```jsx import React from 'react'; import Table from '@antv/g2plot';

      const Table = ({ data }) => { return (

      ); };

      export default Table; ```

      在这个例子中,我们创建了一个名为 Table 的组件,它接受一个名为 data 的 prop,表示表格的数据。我们还设置了表格的列宽和自动宽度设置,使得表格的布局更加灵活。

      你可以根据需要创建更多的组件和布局方式,使用 NG-Zorro 的 API 来实现你的界面需求。

      更多回答
      扫一扫访问手机版
      • 回到顶部
      • 回到顶部