当前位置: 首页 > 软件库 > 程序开发 > UI组件库 >

NG-ZORRO-MOBILE

Ant Design 移动规范的 Angular 实现
授权协议 MIT
开发语言 TypeScript
所属分类 程序开发、 UI组件库
软件类型 开源软件
地区 国产
投 递 者 颜永怡
操作系统 跨平台
开源组织
适用人群 未知
 软件概览

Ant Design Mobile of Angular(NG-ZORRO-MOBILE)是 Ant Design 移动规范的 Angular 实现,服务于阿里巴巴集团数据无线业务。

特性

  • 开箱即用的高质量 Angular 无线端组件

  • UI 样式高度可配置,拓展性更强,轻松适应各类产品风格

  • 使用 TypeScript 开发,提供类型定义文件,支持类型及属性智能提示,方便业务开发

  • 提供 "组件按需加载" / "Web 页面高清显示" / "SVG Icon" 等优化方案,一体式开发

  • 支持在Ionic中运行[指南]

支持环境

  • iOS 7.0+

  • Android 4.4+

需要 polyfills

安装

强烈推荐官方的 @angular/cli 工具链辅助进行开发,在实际项目开发中,它可以很好的满足对 TypeScript 代码的构建、调试、代理、打包部署等一系列工程化的需求。

$ ng new PROJECT_NAME
$ cd PROJECT_NAME
$ ng add ng-zorro-antd-mobile

如果你想了解更多CLI工具链的功能和命令,建议访问 Angular CLI 了解更多

  • NG-ZORRO-MOBILE 是 Ant Design 移动规范的 Angular 实现。 Ant Design 作为服务于企业级产品的设计体系,基于『确定』和『自然』的设计价值观,通过模块化的解决方案,降低冗余的生产成本,用其简单且高效的设计理念,让设计者专注于更好的用户体验。 Ant Design 发布之初仅有 React 版本实现,为了让 Angular 开发者也能享受 Ant Desig

  • 1.官方网址 https://ng.ant.design/docs/introduce/zh 注意angular必须升级到最新版本9,如果不升级的话就只能指定ng-zorro-antd版本。 (我使用的angular版本是7,ng-zorro-antd版本是"ng-zorro-antd": "^7.0.0") 2.使用 不是按照官网的方式。如果想要按照官网的方式必须使用npm,很容易失败。失败的多

  • // 在所用到表单的模块中导入 import { FormsModule, ReactiveFormsModule } from '@angular/forms'; 我的表单组件文件 import { Component, OnInit } from '@angular/core'; import { FormBuilder, FormControl, FormGroup, Validators

  • 1 - 设置scroll bar宽度 width:表示竖向滚动条的宽度,height:表示水平滚动条宽度 :host::ng-deep .ant-table-body::-webkit-scrollbar { width: 8px; height: 8px; } 2- 设置scrollbar背景 :host::ng-deep .ant-table-body::-webkit-scro

  • angular和ng-zorro 可编辑表格,响应式表单,增加,删除,编辑一行,并附有校验功能  table-edit-row.component.html <form nz-form [formGroup]="validateForm"> <button nz-button nzType="dashed" class="add-button" (click)="addRow()">

  • 在ionic中加入NG-ZORRO-MOBILE; 官网方法:http://ng.mobile.ant.design/#/docs/running-in-ionic/zh ionic使用方法:https://blog.csdn.net/renmengmeng520/article/details/83582414 ionic4使用:https://www.jianshu.com/p/f7c37d6

 相关资料
  • ng-zorro-antd 是 Ant Design 的 Angular 实现,主要用于研发企业级中后台产品。全部代码开源并遵循 MIT 协议,任何企业、组织及个人均可免费使用。 ✨ 特性 提炼自企业级中后台产品的交互语言和视觉风格。 开箱即用的高质量 Angular 组件,与 Angular 保持同步升级。 使用 TypeScript 构建,提供完整的类型定义文件。 支持 OnPush 模式,性

  • NG-ZORRO An enterprise-class Angular UI component library based on Ant Design. English | 简体中文 ✨ Features An enterprise-class UI design system for Angular applications. 60+ high-quality Angular compone

  • NG-ZORRO-Mobile This is the Angular implementation of Ant Design Mobile specification, serving Alibaba big data wireless service. 中文 README Scan QR Code Features An enterprise-class UI design language

  • 本文向大家介绍关于angular引入ng-zorro的问题浅析,包括了关于angular引入ng-zorro的问题浅析的使用技巧和注意事项,需要的朋友参考一下 ng-zorro的官网上提供了两种在项目中添加ng-zorro的方法,下面记录其提供的第二种自行构建的方式。 第一步:执行该命令创建新的angular项目,若没安装angular/cli请执行安装 第二步:添加ng-zorro 第三步:引入

  • nz-zorro 是否有人实现过textarea里面能显示文字和其他组件(如标签)的功能 类似上图的效果

  • 最新18.0.0版 关于 table 的属性 [nzScroll] ,有bug *问题一: table官方例子 可展开 当表格内容较多不能一次性完全展示时,可以通过 td 上的 nzExpand 属性展开。 当table 带有 [nzScroll] 属性时,不能正确展开了。 当删除 [nzScroll] 属性时,可以正确展开。 *问题二 当table 带有 [nzScroll] 属性时,当[nzD