有了ng-zorro-mobile,ionic4如虎添翼

前端一般会听过阿里的Ant Design,而对于angular使用者,大多也听过ng-zorro(Ant Design for Angular的PC版),最近一次ng-zorro的更新,带来了新的开源迷弟:ng-zorro-mobile(Ant Design Mobile for Angular)。

打开ng-zorro-mobile官网,侧边栏很醒目地标示了在ionic中使用:

ionic使用

众所周知,ionic自身也是一个UI框架,涵盖绝大多数常用组件,但有些组件没有或不好用,就要借助第三方组件,现在有了ng-zorro-mobile,对ionic有了极大的补充。

在ionic中使用ng-zorro-mobile非常简单,先是创建项目,有ionic相关经验对下面几行代码非常熟悉:

#全局安装ionic-cli
npm install -g ionic
#使用ionic-cli创建项目
ionic start PROJECT-NAME

然后接入ng-zorro-antd-mobile,其中有两种方式:

  1. 使用angular-cli只需要以下一句命令即可完成模块初始化配置(前提安装了angular-cli):
ng add ng-zorro-antd-mobile
  1. 使用npm,则先安装模块:
npm install ng-zorro-antd-mobile --save

然后在 app.modules.ts 中,全局引入 ng-zorro-antd-mobile:

import { NgZorroAntdMobileModule } from 'ng-zorro-antd-mobile';
imports: [
    ...
    NgZorroAntdMobileModule
  ]

让我们看下ng-zorro-antd-mobile带来了哪些有用的组件,随便截几个图:

notice

step

picker

imagePicker

calendar

modal

actionSheet

好了,不一一截图了,有兴趣自行上官网上看吧。

本文参与腾讯云自媒体分享计划,欢迎正在阅读的你也加入,一起分享。

发表于

我来说两句

0 条评论
登录 后参与评论

相关文章

来自专栏码神联盟

碎片化 | 第四阶段-34-Struts2-Spring重构项目案例-视频

如清晰度低,可转PC网页观看高清版本: http://v.qq.com/x/page/z0566pji5vf.html 重构案例 1:hello strut...

29910
来自专栏Java架构

如何用Nginx快速搭建一个安全的微服务架构

3674
来自专栏aoho求索

Spring Cloud 入门

微服务概念在近几年流行开,微服务架构也成了当前架构设计追寻的热点。Spring Cloud正是开源的微服务架构典型,适合中小型企业快速上手。本文从Spring ...

3707
来自专栏听Allen瞎扯淡

Java核心API需要掌握的程度

最近总结,发现自己没啥提升,准备开始练级,记下这个,给自己一个目标。Java的核心API是非常庞大的,这给开发者来说带来了很大的方便,经常人有评论,java让程...

1262

实用微服务

如今,微服务是软件体系结构领域中最受欢迎的热门词汇之一。有许多材料都在介绍微服务的基本原理以及它的好处,但教你如何在企业场景中使用微服务的资料就十分少了。

1324
来自专栏Rainbond开源「容器云平台」

少打一局王者荣耀就能上手Spring Cloud?!

1543
来自专栏杨建荣的学习笔记

初识JMeter

今天在地铁上,一直在琢磨高可用测试的一些补充场景,除了功能之外,就是一些异常场景的考虑,总之,能想到可能发生的任何场景,然后和实际应用场景结合起来,给出...

4379
来自专栏Golang语言社区

相较于其他语言,golang的突出特点和优势

编译型 协程 垃圾收集 专为并发编程设计的管道 语言简单 实用,有效,高效 适用于大规模高并发后端服务器程序开发 内置高性能http server 完善简便的各...

3946
来自专栏一枝花算不算浪漫

[JetBrains注册] 利用教育邮箱注册JetBrains产品(pycharm、idea等)的方法

54711
来自专栏chenssy

阿里P8十年Java架构师是如何规划职业生涯以及架构体系的呢

高可用SpringCloud微服务与docker集成实现动态扩容实战

1303

扫码关注云+社区

领取腾讯云代金券