Ng-zorro-mobile is the Angular implementation of the Ant Design MOBILE specification.
Ant Design, as a Design system for enterprise products, based on the Design values of “certainty” and “nature”, reduces redundant production costs through modular solutions, and enables designers to focus on better user experience with its simple and efficient Design concept.
Ant Design was only implemented in the React version when it was first released. To give Angular developers the benefit of Ant Design, Ali Computing Platform Business Division and Ali Data Technology and Products department began to jointly prepare NG-Zorro (Ant Design of Angular), in which nG-Zorro DESKTOP was open source last year. Currently, it has more than 2.7 million monthly active users in more than 50 countries. The NG-Zorro MOBILE version, which has been used in-house, has matured, and the Angular community has become increasingly vocal about the MOBILE component library. At this point, nG-Zorro-Mobile officially open source 🎉.
The entrance
GitHub  : NG-ZORRO/ng-zorro-antd-mobile
Official website: Ant Design Mobile of Angular
NPM – Ant Design Mobile of Angular
Design specification: Ant Design Mobile Design Guidelines
features
The NG-Zorro-Mobile UI component library currently supports Angular ^6.0.0, and the latest version of Angular has a complete toolchain that greatly improves runtime and component capabilities. Most of the components have been synchronized with the React version of Ant Design Mobile to allow developers to access them at the lowest cost. Currently, the React version has 45 components (the rest of the Listview component functionality will be implemented through the List component), and the component style has been synchronized with the latest Ant Design mobile specification. The interface of the component is kept consistent with the React version of Ant Design (some components may be used differently due to Angular features).
Ionic
One More Thing, Ionic is One of the most active and largest Angular communities and has contributed to the development of Angular. Ng-zorro-mobile will seamlessly support Ionic 4. See “Using in Ionic” for detailed access steps. What spark will nG-Zorro-Mobile and Ionic have? We look forward to it!
Instances of appreciation
At present, NG-Zorro-Mobile has been used in several business data products of Alibaba: business advice, star viewing platform, smart store, etc. It has been tested by tens of millions of PV every day, and more application scenarios are waiting for you to discover!
Online documentation
We provide clear and detailed documentation for each component, and each code example can be expanded and quickly edited directly on Stackblitz. In addition, the current documentation system is entirely generated by Markdown, and you can quickly suggest changes to the document by clicking the Edit button in the document.
The code quality
The importance of testing is self-evident, especially for dynamic languages such as JS. Complete testing is the cornerstone of the project’s complete launch and later reconstruction. In terms of code quality, we have relatively strict control. Currently, there are 460 test cases, and the test coverage has reached more than 86%. We will gradually improve the test case coverage in the future.
About developers
Ng-zorro-mobile was developed and completed by partners from alibaba data technology and product department — terminal technology. Thanks to team members: fisherspy, Guoyuanqiang, BronzeCui, sWhite01111, Chrisvy, 3Fuyu for their hard work. Ng-zorro Desktop and the Ant Design Mobile team have been very helpful in preparing for open source. Thank you.
A single thread does not make a line, and a single tree does not make a forest. We welcome all community developers to join us and jointly develop and maintain NG-Zorro-Mobile. As the overall function of the component is very complex, it is inevitable to have flaws, welcome to ISSUE and PR to us, looking forward to your help.
In order to enable developers to have a better development experience, we created dingdingq&A autonomous group, see the QR code in the banner on the home page