精华内容
下载资源
问答
我要提问
  • ng-zorro和ng-alain都来自阿里巴巴公司
    2022-03-29 17:16:47


    https://blog.csdn.net/wuyuxing24/article/details/82730838

    https://ng.ant.design/components/dropdown/zh#components-dropdown-demo-context-menu
    https://www.bookstack.cn/read/ng-v8.2/d1a32ff0711a311e.md
          分享一个最近在做的一个前端项目，前端选型Angular，组件库选择的是ng-zorro(官网：http://ng.ant.design/docs/introduce/zh)。项目结构以及项目里面用到的一些通用库比如路由复用标签、路由守卫控制等等参考的是ng-alain(官网：https://ng-alain.com/zh，https://github.com/ng-alain/delon)。

        ng-zorro和ng-alain都来自阿里巴巴公司。感谢。

    javascript
    更多相关内容

  • ng-alain-vscode:适用于ng-alain的Visual Studio代码插件

     2021-05-27 21:55:03
    注意：从11版本开始，扩展语言将遵循VSCode的显示语言，并且无需安装其他版本的ng-alain-vscode扩展，因此将不再维护。 特征 支持类智能 支持类名称悬停介绍 提取i18n密钥 常见的Angular模板 用法 键入nas-的开头将...
    收起

  • 详解ng-alain动态表单SF表单项设置必填和正则校验

     2020-10-16 20:44:59
    主要介绍了详解ng-alain动态表单SF表单项设置必填和正则校验，小编觉得挺不错的，现在分享给大家，也给大家做个参考。一起跟随小编过来看看吧
    收起

  • ng-alain：NG-ZORRO管理面板前端框架（浪涌镜像https：ng-alain-doc.surge.sh）

     2021-01-31 03:43:16
    NG-ALAIN 适用于企业应用程序的现成UI解决方案，让开发人员专注于业务。 English | 快速开始 链接 （） （） 产品特点 基于ng-zorro-antd 响应式布局 I18n 惰性负载资产 UI路由器状态 自定义主题 更少的预处理器 ...
    收起

  • ng-alain的sf如何自定义部件的流程

     2021-01-19 14:42:56
    最近使用ng-alain做前端，sf的部件很丰富，但是做起来之后就会发现，多多少少会有一些不符合需求的东西，比如： 这是一个string的部件，后边跟上一个单位看着很不错，但是我们通常在使用number时会更需要这个单位，...
    收起

  • ng-alain-7.3.2.zip

     2020-06-03 14:40:02
    NG-ALAIN 是一个企业级中后台前端/设计解决方案脚手架，我们秉承 Ant Design 的设计价值观，目标也非常简单，希望在Angular上面开发企业后台更简单、更快速。随着『设计者』的不断反馈，将持续迭代，逐步沉淀和总结...
    收起

  • ng-alain表单使用方式详解

     2020-08-27 05:32:02
    主要介绍了ng-alain表单使用方式详解，小编觉得挺不错的，现在分享给大家，也给大家做个参考。一起跟随小编过来看看吧
    收起

  • ng-alain-.netcore

     2018-09-10 19:01:39
    于很多使用 ng-alain 都以 .net 为后端，以下我将以一个示例来描述 ng-alain 如何同 .net core 一起开发。示例以单个中后台项目为基准，对于多项目的应用大体相同，但整体目录结构当然不能以单个项目了，更多应该以...
    收起

  • angular基于ng-alain定义自己的select组件示例

     2021-01-19 15:55:12
    1、首先是my-select2.component.html页面,这里是在ng-alain的select基础上根据业务需求添加新的功能;代码如下： )]=selectedOption nzPlaceHolder]=myPlaceHolder nzShowSearch]=true nzNotFoundContent]='无匹配'...
    收起

  • demo2.rar angular+ng-alain 包含所有示例

     2019-07-10 16:07:15
    angular+ng-alain，NG-ALAIN 是一个标准的 Angular CLI 构建的项目，并提供了涵盖中后台开发的各类功能和坑位。包含所有示例。
    收起

  • guns 和 ng-alain编码规范

     2019-04-01 11:22:30
    guns和ng-alain的编码规范，使程序更具有可读性，codeif生命变量学习，和代码学习使用
    收起

  • java8源码-snails-api:一个基于Spring-Boot+Ng-Alain前后端分离的简单实现

     2021-06-04 19:20:31
    Ng-Zorro 前后端分离项目的简单实现 snails-web 前端： + + snails-api 后台： + + + + Mysql 框架源码 Gitee GitHub Snails 框架 Snails-web 前端 Snails-api 后台 开发环境要求 Java 8 Maven Mysql Mysql 数据库...
    收起

  • java8源码-snails:一个基于Spring-Boot+Ng-Alain前后端分离的简单实现

     2021-06-04 18:28:13
    java8 源码 源码仓库已迁移到 ...Snails 框架 基于 + 前后端分离的实现，可以作为新手入门项目，也可以作为小项目的基础框架去扩展。目前 系统框架已支持基本的后台功能，基于简单、实用设计，并且已支持 ...
    收起

  • ABP标准模板，前端ng-alain，还有标准代码模板（可以根据git源自行学习）

     2019-03-12 09:43:10
    感谢abp作者开源，本项目标准ABP模板，前端为ng-alain,还附带代码生成模板，大家拿去学习吧，赚点积分。
    收起

  • ng-alain新版尝试

     2021-03-19 23:48:56
    这篇文章介绍一下在MacOS从0开始搭建前端框架ng-alain（封装ng-zorro（封装angular））。

    这篇文章介绍一下在MacOS从0开始搭建前端框架ng-alain（封装ng-zorro（封装angular））。

    环境

    liumiao@liumiaodeMacBook-Pro alain-project % sw_vers
ProductName:	macOS
ProductVersion:	11.1
BuildVersion:	20C69
liumiao@liumiaodeMacBook-Pro alain-project %

    步骤1: 安装nvm

    liumiao@liumiaodeMacBook-Pro ~ % wget -qO- https://raw.githubusercontent.com/nvm-sh/nvm/v0.37.2/install.sh | bash
=> Downloading nvm from git to '/Users/liumiao/.nvm'
=> Cloning into '/Users/liumiao/.nvm'...
remote: Enumerating objects: 333, done.
remote: Counting objects: 100% (333/333), done.
remote: Compressing objects: 100% (283/283), done.
remote: Total 333 (delta 38), reused 150 (delta 25), pack-reused 0
Receiving objects: 100% (333/333), 177.15 KiB | 1.33 MiB/s, done.
Resolving deltas: 100% (38/38), done.
=> Compressing and cleaning up git repository

=> Profile not found. Tried ~/.bashrc, ~/.bash_profile, ~/.zshrc, and ~/.profile.
=> Create one of them and run this script again
   OR
=> Append the following lines to the correct file yourself:

export NVM_DIR="$HOME/.nvm"
[ -s "$NVM_DIR/nvm.sh" ] && \. "$NVM_DIR/nvm.sh"  # This loads nvm

=> Close and reopen your terminal to start using nvm or run the following to use it now:

export NVM_DIR="$HOME/.nvm"
[ -s "$NVM_DIR/nvm.sh" ] && \. "$NVM_DIR/nvm.sh"  # This loads nvm
liumiao@liumiaodeMacBook-Pro ~ %

    设定nvm

    liumiao@liumiaodeMacBook-Pro ~ % vi .zprofile 
liumiao@liumiaodeMacBook-Pro ~ % tail -n3 .zprofile 

export NVM_DIR="$HOME/.nvm"
[ -s "$NVM_DIR/nvm.sh" ] && \. "$NVM_DIR/nvm.sh"  # This loads nvm
liumiao@liumiaodeMacBook-Pro ~ % 
liumiao@liumiaodeMacBook-Pro ~ % source $HOME/.zprofile

    步骤2: 安装node

    确认node的lts版本：nvm ls-remote --lts
    安装node：

    liumiao@liumiaodeMacBook-Pro ~ % nvm install 14.16.0
Downloading and installing node v14.16.0...
Downloading https://nodejs.org/dist/v14.16.0/node-v14.16.0-darwin-x64.tar.xz...
##################################################################################################################################################################################################################################################### 100.0%
Computing checksum with shasum -a 256
Checksums matched!
Now using node v14.16.0 (npm v6.14.11)
Creating default alias: default -> 14.16.0 (-> v14.16.0)
liumiao@liumiaodeMacBook-Pro ~ % 
liumiao@liumiaodeMacBook-Pro ~ % nvm ls
->     v14.16.0
default -> 14.16.0 (-> v14.16.0)
iojs -> N/A (default)
unstable -> N/A (default)
node -> stable (-> v14.16.0) (default)
stable -> 14.16 (-> v14.16.0) (default)
lts/* -> lts/fermium (-> v14.16.0)
lts/argon -> v4.9.1 (-> N/A)
lts/boron -> v6.17.1 (-> N/A)
lts/carbon -> v8.17.0 (-> N/A)
lts/dubnium -> v10.24.0 (-> N/A)
lts/erbium -> v12.21.0 (-> N/A)
lts/fermium -> v14.16.0
liumiao@liumiaodeMacBook-Pro ~ %

    结果确认

    liumiao@liumiaodeMacBook-Pro ~ % node -v
v14.16.0
liumiao@liumiaodeMacBook-Pro ~ % 
liumiao@liumiaodeMacBook-Pro ~ % npm -v
6.14.11
liumiao@liumiaodeMacBook-Pro ~ %

    步骤4: 设定淘宝源

    npm config set registry https://registry.npm.taobao.org
    npm config set sass_binary_site http://cdn.npm.taobao.org/dist/node-sass

    liumiao@liumiaodeMacBook-Pro ~ % npm config set registry https://registry.npm.taobao.org
liumiao@liumiaodeMacBook-Pro ~ % npm config set sass_binary_site http://cdn.npm.taobao.org/dist/node-sass
liumiao@liumiaodeMacBook-Pro ~ %

    步骤3: 安装angular-cli

    liumiao@liumiaodeMacBook-Pro ~ % npm install -g @angular/cli
npm WARN deprecated request@2.88.2: request has been deprecated, see https://github.com/request/request/issues/3142
npm WARN deprecated har-validator@5.1.5: this library is no longer supported
/Users/liumiao/.nvm/versions/node/v14.16.0/bin/ng -> /Users/liumiao/.nvm/versions/node/v14.16.0/lib/node_modules/@angular/cli/bin/ng

> @angular/cli@11.2.5 postinstall /Users/liumiao/.nvm/versions/node/v14.16.0/lib/node_modules/@angular/cli
> node ./bin/postinstall/script.js

? Would you like to share anonymous usage data with the Angular Team at Google under
Google’s Privacy Policy at https://policies.google.com/privacy? For more details and
how to change this setting, see https://angular.io/analytics. No
+ @angular/cli@11.2.5
added 238 packages from 181 contributors in 67.507s
liumiao@liumiaodeMacBook-Pro ~ %

    当前缺省已经到11了，12也已经呼之欲出了

    步骤5: 创建Angular项目

    liumiao@liumiaodeMacBook-Pro ~ % ng new alain-project --style less --routing
? Do you want to enforce stricter type checking and stricter bundle budgets in the workspace?
  This setting helps improve maintainability and catch bugs ahead of time.
  For more information, see https://angular.io/strict Yes
CREATE alain-project/README.md (1021 bytes)
CREATE alain-project/.editorconfig (274 bytes)
CREATE alain-project/.gitignore (631 bytes)
CREATE alain-project/angular.json (3761 bytes)
CREATE alain-project/package.json (1203 bytes)
CREATE alain-project/tsconfig.json (783 bytes)
CREATE alain-project/tslint.json (3185 bytes)
CREATE alain-project/.browserslistrc (703 bytes)
CREATE alain-project/karma.conf.js (1430 bytes)
CREATE alain-project/tsconfig.app.json (287 bytes)
CREATE alain-project/tsconfig.spec.json (333 bytes)
CREATE alain-project/src/favicon.ico (948 bytes)
CREATE alain-project/src/index.html (298 bytes)
CREATE alain-project/src/main.ts (372 bytes)
CREATE alain-project/src/polyfills.ts (2830 bytes)
CREATE alain-project/src/styles.less (80 bytes)
CREATE alain-project/src/test.ts (753 bytes)
CREATE alain-project/src/assets/.gitkeep (0 bytes)
CREATE alain-project/src/environments/environment.prod.ts (51 bytes)
CREATE alain-project/src/environments/environment.ts (662 bytes)
CREATE alain-project/src/app/app-routing.module.ts (245 bytes)
CREATE alain-project/src/app/app.module.ts (393 bytes)
CREATE alain-project/src/app/app.component.less (0 bytes)
CREATE alain-project/src/app/app.component.html (24846 bytes)
CREATE alain-project/src/app/app.component.spec.ts (1078 bytes)
CREATE alain-project/src/app/app.component.ts (218 bytes)
CREATE alain-project/e2e/protractor.conf.js (904 bytes)
CREATE alain-project/e2e/tsconfig.json (274 bytes)
CREATE alain-project/e2e/src/app.e2e-spec.ts (664 bytes)
CREATE alain-project/e2e/src/app.po.ts (274 bytes)
✔ Packages installed successfully.
    Successfully initialized git.
liumiao@liumiaodeMacBook-Pro ~ %

    步骤6: 添加ng-alain框架至Angular项目中

    liumiao@liumiaodeMacBook-Pro ~ % cd alain-project 
liumiao@liumiaodeMacBook-Pro alain-project % ng add ng-alain
ℹ Using package manager: npm
✔ Found compatible package version: ng-alain@11.8.1.
✔ Package information loaded.
✔ Package successfully installed.
? Which default language would you like to use? 简体中文 (zh)
? Would you like to add code style plugin? (default: Y) Yes
? Would you like to add dynamic form (sf component) plugin? (default: Y) Yes
? Would you like to add mock plugin? (default: Y) Yes
? Would you like to add i18n plugin? (default: N) Yes
✔ Congratulations, NG-ALAIN scaffold generation complete.
DELETE src/app/app.component.spec.ts
DELETE src/app/app.component.html
DELETE src/app/app.component.less
DELETE src/app/app-routing.module.ts
CREATE src/style-icons-auto.ts (1936 bytes)
CREATE src/style-icons.ts (264 bytes)
CREATE src/typings.d.ts (144 bytes)
CREATE src/app/global-config.module.ts (2351 bytes)
CREATE src/app/core/README.md (137 bytes)
CREATE src/app/core/core.module.ts (380 bytes)
CREATE src/app/core/index.ts (162 bytes)
CREATE src/app/core/module-import-guard.ts (269 bytes)
CREATE src/app/core/i18n/i18n.service.spec.ts (2450 bytes)
CREATE src/app/core/i18n/i18n.service.ts (3798 bytes)
CREATE src/app/core/net/default.interceptor.ts (8851 bytes)
CREATE src/app/core/startup/startup.service.ts (4673 bytes)
CREATE src/app/layout/layout.module.ts (2458 bytes)
CREATE src/app/layout/basic/README.md (47 bytes)
CREATE src/app/layout/basic/basic.component.ts (3511 bytes)
CREATE src/app/layout/basic/widgets/clear-storage.component.ts (888 bytes)
CREATE src/app/layout/basic/widgets/fullscreen.component.ts (859 bytes)
CREATE src/app/layout/basic/widgets/i18n.component.ts (2060 bytes)
CREATE src/app/layout/basic/widgets/search.component.ts (2775 bytes)
CREATE src/app/layout/basic/widgets/user.component.ts (1829 bytes)
CREATE src/app/layout/blank/README.md (45 bytes)
CREATE src/app/layout/blank/blank.component.ts (280 bytes)
CREATE src/app/layout/passport/passport.component.html (635 bytes)
CREATE src/app/layout/passport/passport.component.less (1822 bytes)
CREATE src/app/layout/passport/passport.component.ts (628 bytes)
CREATE src/app/routes/routes-routing.module.ts (2556 bytes)
CREATE src/app/routes/routes.module.ts (998 bytes)
CREATE src/app/routes/dashboard/dashboard.component.html (28 bytes)
CREATE src/app/routes/dashboard/dashboard.component.ts (313 bytes)
CREATE src/app/routes/exception/403.component.ts (219 bytes)
CREATE src/app/routes/exception/404.component.ts (219 bytes)
CREATE src/app/routes/exception/500.component.ts (219 bytes)
CREATE src/app/routes/exception/exception-routing.module.ts (710 bytes)
CREATE src/app/routes/exception/exception.module.ts (885 bytes)
CREATE src/app/routes/exception/trigger.component.ts (1076 bytes)
CREATE src/app/routes/passport/callback.component.ts (895 bytes)
CREATE src/app/routes/passport/passport-routing.module.ts (1492 bytes)
CREATE src/app/routes/passport/passport.module.ts (753 bytes)
CREATE src/app/routes/passport/lock/lock.component.html (876 bytes)
CREATE src/app/routes/passport/lock/lock.component.less (184 bytes)
CREATE src/app/routes/passport/lock/lock.component.ts (1166 bytes)
CREATE src/app/routes/passport/login/login.component.html (3801 bytes)
CREATE src/app/routes/passport/login/login.component.less (976 bytes)
CREATE src/app/routes/passport/login/login.component.ts (5750 bytes)
CREATE src/app/routes/passport/register/register.component.html (4787 bytes)
CREATE src/app/routes/passport/register/register.component.less (670 bytes)
CREATE src/app/routes/passport/register/register.component.ts (3603 bytes)
CREATE src/app/routes/passport/register-result/register-result.component.html (553 bytes)
CREATE src/app/routes/passport/register-result/register-result.component.ts (514 bytes)
CREATE src/app/shared/index.ts (148 bytes)
CREATE src/app/shared/shared-delon.module.ts (336 bytes)
CREATE src/app/shared/shared-zorro.module.ts (1579 bytes)
CREATE src/app/shared/shared.module.ts (1469 bytes)
CREATE src/app/shared/json-schema/json-schema.module.ts (769 bytes)
CREATE src/app/shared/st-widget/st-widget.module.ts (455 bytes)
CREATE src/app/shared/utils/yuan.ts (310 bytes)
CREATE src/assets/color.less (308078 bytes)
CREATE src/assets/logo-color.svg (2037 bytes)
CREATE src/assets/logo-full.svg (4374 bytes)
CREATE src/assets/logo.svg (2037 bytes)
CREATE src/assets/style.compact.css (576254 bytes)
CREATE src/assets/style.dark.css (587907 bytes)
CREATE src/assets/zorro.svg (2232 bytes)
CREATE src/assets/tmp/app-data.json (9355 bytes)
CREATE src/assets/tmp/i18n/el-GR.json (10233 bytes)
CREATE src/assets/tmp/i18n/en-US.json (7101 bytes)
CREATE src/assets/tmp/i18n/es-ES.json (7798 bytes)
CREATE src/assets/tmp/i18n/fr-FR.json (7831 bytes)
CREATE src/assets/tmp/i18n/hr-HR.json (7257 bytes)
CREATE src/assets/tmp/i18n/ko-KR.json (7561 bytes)
CREATE src/assets/tmp/i18n/pl-PL.json (7709 bytes)
CREATE src/assets/tmp/i18n/sl-SI.json (7359 bytes)
CREATE src/assets/tmp/i18n/tr-TR.json (7474 bytes)
CREATE src/assets/tmp/i18n/zh-CN.json (7033 bytes)
CREATE src/assets/tmp/i18n/zh-TW.json (7041 bytes)
CREATE src/assets/tmp/img/avatar.jpg (43173 bytes)
CREATE src/styles/index.less (80 bytes)
CREATE src/styles/theme.less (404 bytes)
CREATE .nvmrc (8 bytes)
CREATE LICENSE (1086 bytes)
CREATE README-zh_CN.md (4552 bytes)
CREATE ng-alain.json (177 bytes)
CREATE proxy.conf.json (4 bytes)
CREATE _mock/README.md (38 bytes)
CREATE _mock/_user.ts (3171 bytes)
CREATE _mock/index.ts (25 bytes)
CREATE .prettierignore (198 bytes)
CREATE .prettierrc (113 bytes)
CREATE .stylelintrc (695 bytes)
CREATE .vscode/extensions.json (67 bytes)
CREATE .vscode/launch.json (459 bytes)
CREATE .vscode/settings.json (838 bytes)
UPDATE package.json (3022 bytes)
UPDATE angular.json (4988 bytes)
UPDATE tsconfig.json (896 bytes)
UPDATE src/favicon.ico (15678 bytes)
UPDATE src/main.ts (759 bytes)
UPDATE src/styles.less (253 bytes)
UPDATE src/test.ts (678 bytes)
UPDATE src/app/app.component.ts (1034 bytes)
UPDATE src/app/app.module.ts (3922 bytes)
UPDATE src/environments/environment.prod.ts (231 bytes)
UPDATE src/environments/environment.ts (957 bytes)
UPDATE README.md (4585 bytes)
UPDATE tslint.json (3790 bytes)
UPDATE src/index.html (1676 bytes)
⠇ Installing packages (npm)...
✔ Packages installed successfully.
liumiao@liumiaodeMacBook-Pro alain-project %

    步骤7: 结果确认

    liumiao@liumiaodeMacBook-Pro alain-project % npm start

> alain-project@0.0.0 start /Users/liumiao/alain-project
> ng s -o

Compiling @angular/core : es2015 as esm2015
Compiling ng-zorro-antd/core/environments : es2015 as esm2015
Compiling @angular/animations : es2015 as esm2015
Compiling @angular/cdk/keycodes : es2015 as esm2015
Compiling ng-zorro-antd/core/color : es2015 as esm2015
Compiling ng-zorro-antd/core/animation : es2015 as esm2015
Compiling @angular/cdk/collections : es2015 as esm2015
Compiling ng-zorro-antd/core/types : es2015 as esm2015
Compiling @angular/animations/browser : es2015 as esm2015
Compiling @angular/common : es2015 as esm2015
Compiling ng-zorro-antd/core/logger : es2015 as esm2015
Compiling @angular/cdk/platform : es2015 as esm2015
Compiling @angular/cdk/bidi : es2015 as esm2015
Compiling ng-zorro-antd/core/util : es2015 as esm2015
Compiling @angular/platform-browser : es2015 as esm2015
Compiling @angular/common/http : es2015 as esm2015
Compiling ng-zorro-antd/core/polyfill : es2015 as esm2015
Compiling @angular/cdk/layout : es2015 as esm2015
Compiling ng-zorro-antd/core/outlet : es2015 as esm2015
Compiling @angular/cdk/portal : es2015 as esm2015
Compiling ng-zorro-antd/core/services : es2015 as esm2015
Compiling @angular/cdk/scrolling : es2015 as esm2015
Compiling @ant-design/icons-angular : es2015 as esm2015
Compiling @angular/platform-browser/animations : es2015 as esm2015
Compiling @angular/forms : es2015 as esm2015
Compiling ng-zorro-antd/core/no-animation : es2015 as esm2015
Compiling ng-zorro-antd/core/config : es2015 as esm2015
Compiling @ant-design/icons-angular/icons : es2015 as esm2015
Compiling @angular/cdk/overlay : es2015 as esm2015
Compiling @angular/cdk/observers : es2015 as esm2015
Compiling ng-zorro-antd/core/time : es2015 as esm2015
Compiling @angular/cdk/a11y : es2015 as esm2015
Compiling ng-zorro-antd/core/overlay : es2015 as esm2015
Compiling ng-zorro-antd/i18n : es2015 as esm2015
Compiling ng-zorro-antd/core/transition-patch : es2015 as esm2015
Compiling ng-zorro-antd/core/wave : es2015 as esm2015
Compiling @angular/router : es2015 as esm2015
Compiling ng-zorro-antd/icon : es2015 as esm2015
Compiling ng-zorro-antd/core/resize-observers : es2015 as esm2015
Compiling @delon/util/other : es2015 as esm2015
Compiling ng-zorro-antd/empty : es2015 as esm2015
Compiling ng-zorro-antd/checkbox : es2015 as esm2015
Compiling ng-zorro-antd/button : es2015 as esm2015
Compiling ng-zorro-antd/menu : es2015 as esm2015
Compiling ng-zorro-antd/spin : es2015 as esm2015
Compiling ng-zorro-antd/time-picker : es2015 as esm2015
Compiling ng-zorro-antd/select : es2015 as esm2015
Compiling ng-zorro-antd/pipes : es2015 as esm2015
Compiling ng-zorro-antd/dropdown : es2015 as esm2015
Compiling ng-zorro-antd/radio : es2015 as esm2015
Compiling ng-zorro-antd/modal : es2015 as esm2015
Compiling ng-zorro-antd/drawer : es2015 as esm2015
Compiling ng-zorro-antd/date-picker : es2015 as esm2015
Compiling ng-zorro-antd/pagination : es2015 as esm2015
Compiling @delon/util/decorator : es2015 as esm2015
Compiling ng-zorro-antd/tooltip : es2015 as esm2015
Compiling @delon/util/browser : es2015 as esm2015
Compiling ng-zorro-antd/core/tree : es2015 as esm2015
Compiling ng-zorro-antd/input : es2015 as esm2015
Compiling @delon/util/token : es2015 as esm2015
Compiling ng-zorro-antd/table : es2015 as esm2015
Compiling ng-zorro-antd/core/highlight : es2015 as esm2015
Compiling ng-zorro-antd/grid : es2015 as esm2015
Compiling ng-zorro-antd/tabs : es2015 as esm2015
Compiling ng-zorro-antd/message : es2015 as esm2015
Compiling @delon/util/date-time : es2015 as esm2015
Compiling @delon/util/pipes/filter : es2015 as esm2015
Compiling ng-zorro-antd/tag : es2015 as esm2015
Compiling ng-zorro-antd/avatar : es2015 as esm2015
Compiling @delon/util/math : es2015 as esm2015
Compiling @delon/util/config : es2015 as esm2015
Compiling ng-zorro-antd/input-number : es2015 as esm2015
Compiling ng-zorro-antd/switch : es2015 as esm2015
Compiling ng-zorro-antd/tree : es2015 as esm2015
Compiling ng-zorro-antd/progress : es2015 as esm2015
Compiling ng-zorro-antd/badge : es2015 as esm2015
Compiling ng-zorro-antd/divider : es2015 as esm2015
Compiling @ngx-translate/core : es2015 as esm2015
Compiling ng-zorro-antd/auto-complete : es2015 as esm2015
Compiling ng-zorro-antd/card : es2015 as esm2015
Compiling @delon/acl : es2015 as esm2015
Compiling @delon/util/format : es2015 as esm2015
Compiling @delon/util/array : es2015 as esm2015
Compiling ng-zorro-antd/cascader : es2015 as esm2015
Compiling @delon/theme : es2015 as esm2015
Compiling ng-zorro-antd/form : es2015 as esm2015
Compiling ng-zorro-antd/mention : es2015 as esm2015
Compiling @delon/util/pipes/currency : es2015 as esm2015
Compiling @delon/util/pipes/format : es2015 as esm2015
Compiling @delon/util/form : es2015 as esm2015
Compiling ng-zorro-antd/rate : es2015 as esm2015
Compiling @delon/util/pipes : es2015 as esm2015
Compiling ng-zorro-antd/slider : es2015 as esm2015
Compiling ng-zorro-antd/transfer : es2015 as esm2015
Compiling ng-zorro-antd/tree-select : es2015 as esm2015
Compiling ng-zorro-antd/upload : es2015 as esm2015
Compiling @delon/util : es2015 as esm2015
Compiling @delon/abc/reuse-tab : es2015 as esm2015
Compiling ng-zorro-antd/affix : es2015 as esm2015
Compiling ng-zorro-antd/skeleton : es2015 as esm2015
Compiling ng-zorro-antd/breadcrumb : es2015 as esm2015
Compiling @delon/abc/xlsx : es2015 as esm2015
Compiling @delon/abc/let : es2015 as esm2015
Compiling ng-zorro-antd/popconfirm : es2015 as esm2015
Compiling ng-zorro-antd/resizable : es2015 as esm2015
Compiling ng-zorro-antd/list : es2015 as esm2015
Compiling ng-zorro-antd/alert : es2015 as esm2015
Compiling @angular/platform-browser-dynamic : es2015 as esm2015
Compiling ng-zorro-antd/notification : es2015 as esm2015
Compiling @ngx-translate/http-loader : es2015 as esm2015
Compiling @delon/auth : es2015 as esm2015
Compiling @delon/mock : es2015 as esm2015
Compiling @delon/form : es2015 as esm2015
Compiling @delon/abc/page-header : es2015 as esm2015
Compiling @delon/abc/result : es2015 as esm2015
Compiling @delon/abc/se : es2015 as esm2015
Compiling @delon/abc/st : es2015 as esm2015
Compiling @delon/abc/sv : es2015 as esm2015
Compiling ng-zorro-antd/popover : es2015 as esm2015
Compiling ng-zorro-antd/version : es2015 as esm2015
Compiling @delon/abc/global-footer : es2015 as esm2015
Compiling @delon/abc/notice-icon : es2015 as esm2015
Compiling @delon/theme/layout-default : es2015 as esm2015
Compiling @delon/theme/setting-drawer : es2015 as esm2015
Compiling @delon/theme/theme-btn : es2015 as esm2015
Compiling @delon/abc/exception : es2015 as esm2015
✔ Browser application bundle generation complete.

Initial Chunk Files           | Names                      |      Size
vendor.js                     | vendor                     |  11.74 MB
styles.css                    | styles                     | 796.86 kB
main.js                       | main                       | 253.93 kB
polyfills.js                  | polyfills                  | 128.75 kB
runtime.js                    | runtime                    |   9.02 kB

                              | Initial Total              |  12.90 MB

Lazy Chunk Files              | Names                      |      Size
exception-exception-module.js | exception-exception-module |  30.23 kB

Build at: 2021-03-19T16:09:42.445Z - Hash: 8cd6f225edf5b913050a - Time: 46157ms

Warning: /Users/liumiao/alain-project/src/app/app.module.ts depends on 'date-fns/locale'. CommonJS or AMD dependencies can cause optimization bailouts.
For more info see: https://angular.io/guide/build#configuring-commonjs-dependencies

Warning: /Users/liumiao/alain-project/node_modules/@delon/form/__ivy_ngcc__/fesm2015/form.js depends on 'ajv'. CommonJS or AMD dependencies can cause optimization bailouts.
For more info see: https://angular.io/guide/build#configuring-commonjs-dependencies



** Angular Live Development Server is listening on localhost:4200, open your browser on http://localhost:4200/ **


✔ Compiled successfully.
✔ Browser application bundle generation complete.

Initial Chunk Files | Names  |      Size
styles.css          | styles | 796.86 kB

5 unchanged chunks

Build at: 2021-03-19T16:09:48.593Z - Hash: e2863e9b059d40387f6e - Time: 3280ms

Warning: /Users/liumiao/alain-project/node_modules/ng-zorro-antd/__ivy_ngcc__/fesm2015/ng-zorro-antd-i18n.js depends on 'date-fns/format'. CommonJS or AMD dependencies can cause optimization bailouts.
For more info see: https://angular.io/guide/build#configuring-commonjs-dependencies

Warning: /Users/liumiao/alain-project/node_modules/ng-zorro-antd/__ivy_ngcc__/fesm2015/ng-zorro-antd-i18n.js depends on 'date-fns/getISOWeek'. CommonJS or AMD dependencies can cause optimization bailouts.
For more info see: https://angular.io/guide/build#configuring-commonjs-dependencies

Warning: /Users/liumiao/alain-project/node_modules/ng-zorro-antd/__ivy_ngcc__/fesm2015/ng-zorro-antd-i18n.js depends on 'date-fns/parse'. CommonJS or AMD dependencies can cause optimization bailouts.
For more info see: https://angular.io/guide/build#configuring-commonjs-dependencies



✔ Compiled successfully.

    在这里插入图片描述
    登陆之后
    在这里插入图片描述
    整体比上次见到ng-alian要流畅太多了，感觉可能可用了

    收起
    展开全文

  • ng-alain

     千次阅读 2019-05-28 09:31:30
    ng-alain NG-ALAIN 一个基于 Antd 中后台前端解决方案，提供更多通用性业务模块，让开发者更加专注于业务。 English| 简体中文 快速入门 # 确保使用的是最新版本 Angular cli ng new demo --style less cd...

    ng-alain

    NG-ALAIN

    一个基于 Antd 中后台前端解决方案，提供更多通用性业务模块，让开发者更加专注于业务。

    Build Status Dependency Status GitHub Release Date NPM version prettier GitHub license Gitter ng-zorro-vscode ng-alain-vscode

    English | 简体中文

    快速入门

    # 确保使用的是最新版本 Angular cli
ng new demo --style less
cd demo
ng add ng-alain
ng s -o
# 或 HMR 模式
npm run hmr

    请参考命令行工具了解更多细节。

    [vscode] 建议安装 ng-zorro-vscode 和 ng-alain-vscode 插件，开发更爽。

    链接

    特性

    • 基于 ng-zorro-antd
    • 响应式
    • 国际化
    • 基建类库 @delon（包括：业务组件、ACL访问控制、缓存、授权、动态表单等）
    • 延迟加载及良好的启用画面
    • 良好的UI路由设计
    • 定制主题
    • Less预编译
    • 良好的目录组织结构
    • 简单升级
    • 支持Docker部署

    Architecture

    Architecture

    delon 是基于 Ant Design 设计理念的企业级中后台前端业务型组件库。

    应用截图

    desktopipad iphone

    赞助

    ng-alain是MIT协议的开源项目。为了项目能够更好的持续的发展，我们期望获得更多的支持者，你可以通过如下任何一种方式支持我们：

    或购买我们 商品主题。

    Backers

    Thank you to all our backers! ?

    License

    The MIT License (see the LICENSE file for the full text)

    收起
    展开全文

  • ngular12版本引入ng-alain报错

     2021-12-08 18:22:03
    ngular12版本引入ngalain报错1 报错提示2 解决方案 1 报错提示 /Users/dengkai/workspace/pumkins/test/my-project/node_modules/@angular/compiler-cli/ngcc/src/entry_point_finder/targeted_entry_point_finder....

    ngular12版本引入ngalain报错

    1 报错提示

    /Users/dengkai/workspace/pumkins/test/my-project/node_modules/@angular/compiler-cli/ngcc/src/entry_point_finder/targeted_entry_point_finder.js:40
                throw new Error("The target entry-point \"" + invalidTarget.entryPoint.name + "\" has missing dependencies:\n" +
                ^

Error: The target entry-point "@delon/theme" has missing dependencies:
 - @angular/cdk/platform
 - @angular/cdk/bidi
 - @angular/cdk/overlay

    at TargetedEntryPointFinder.findEntryPoints (/Users/dengkai/workspace/pumkins/test/my-project/node_modules/@angular/compiler-cli/ngcc/src/entry_point_finder/targeted_entry_point_finder.js:40:23)
    at /Users/dengkai/workspace/pumkins/test/my-project/node_modules/@angular/compiler-cli/ngcc/src/execution/analyze_entry_points.js:29:41
    at SingleProcessExecutorSync.SingleProcessorExecutorBase.doExecute (/Users/dengkai/workspace/pumkins/test/my-project/node_modules/@angular/compiler-cli/ngcc/src/execution/single_process_executor.js:28:29)
    at /Users/dengkai/workspace/pumkins/test/my-project/node_modules/@angular/compiler-cli/ngcc/src/execution/single_process_executor.js:57:59
    at SyncLocker.lock (/Users/dengkai/workspace/pumkins/test/my-project/node_modules/@angular/compiler-cli/ngcc/src/locking/sync_locker.js:34:24)
    at SingleProcessExecutorSync.execute (/Users/dengkai/workspace/pumkins/test/my-project/node_modules/@angular/compiler-cli/ngcc/src/execution/single_process_executor.js:57:27)
    at Object.mainNgcc (/Users/dengkai/workspace/pumkins/test/my-project/node_modules/@angular/compiler-cli/ngcc/src/main.js:74:25)
    at Object.process (/Users/dengkai/workspace/pumkins/test/my-project/node_modules/@angular/compiler-cli/ngcc/index.js:29:23)
    at NgccProcessor.processModule (/Users/dengkai/workspace/pumkins/test/my-project/node_modules/@ngtools/webpack/src/ngcc_processor.js:175:16)
    at /Users/dengkai/workspace/pumkins/test/my-project/node_modules/@ngtools/webpack/src/ivy/host.js:146:18

    2 解决方案

    使用v12版本的ngalain，从如下获取：

    https://github.com/ng-alain/ng-alain.git

    链接: https://pan.baidu.com/s/1dnN3qRHjREQIpgNNjMUa_g 提取码: 679g

    然后解压到当前项目中替换原有的ngalain文件，从新npm install即可。

    收起
    展开全文
    前端

  • Angular 入门教程系列：39：使用ng-alain进行开发

     千次阅读 2019-10-11 19:37:54
    在前面的文章中介绍过ng-alain，当时在使用的时候还显得不是很方便，最简单的一个demo运行的都不是非常流畅。而目前的版本已经做有较大的改进，再这个基础上进行二次开发，尤其是一些后端的平台或者监控的平台看起来...
    收起
    Angular CURD

  • [Angular] 使用 ng-alain

     千次阅读 2020-08-24 11:59:34
    Angular - 使用 ng-alain ng-alain，一个阿里的angular脚手架。基于他们自己的ng-zorro，进行再次封装。 在快速开发的时候，用下ng-alain的st、sf来构建还是不错的。但是涉及到一些复杂的表单、页面时，还是使用ng-...
    收起
    angularjs

  • [Angular] ng-alain的一些实践

     2020-10-09 17:43:09
    [Angular] ng-alain的一些实践 在sf中使用按钮 比如要实现一个效果： 这个输入框旁边的按钮怎么写啊？ 一开始对这个框架不熟悉，走了一些弯路。 毕竟乍一看文档，根本没有按钮这个控件啊。当然我去用ng-zorro写，那...
    收起
    angularjs

  • NG-ZORRO 管理面板前端框架（浪涌镜像 https://ng-alain-doc.surge.sh）

     2021-06-08 14:55:51
    NG-ALAIN 企业应用开箱即用的UI解决方案，让开发者专注于业务。 英文 | 简体中文 Quickstart Getting Started Links Document (Surge Mirror) @delon Source DEMO (国内镜像) Features ng-zorro-antd based ...
    收起

  • angular框架ng-zorro和ng-alain学习笔记

     2020-11-20 11:26:24
    1.se编辑中使用日期选择框 <nz-date-picker> </nz-date-picker> 例： <se label="开户日期"> <nz-date-picker></nz-date-picker>...this.form.value.tel.trim().lengt...
    收起
    typescript html

  • angular项目基于ng-alain和ng-zorro等框架实现开发公共组件并且打包上传成npm包

     2021-02-04 16:45:31
    angular项目基于ng-alain和ng-zorro等框架实现开发公共组件并且打包上传成npm包 前言: 公司开发的项目都是angular框架配合ng-alain,ng-zorro等组件一起使用, 我们自己开发了一些公共组件,这些组件时长需要修改bug,...
    收起
    angular javascript

  • abp-alain:ng-alain的abp spa工具

     2021-05-11 06:01:58
    介绍 该项目是的spa网站。 主题使用 。
    收起
    C#

  • ng-alain学习

     2020-04-22 17:13:09
    ng-alain --如何使用前期准备1、创建一个空的angular项目2、添加 ng-alain 脚手架3、运行项目 前期准备 1、创建一个空的angular项目 ng new demo --style less 2、添加 ng-alain 脚手架 ng add ng-alain 3、运行项目...
    收起

  • ng-alain 图标ICON不显示问题

     2022-01-06 10:58:37
    ng-alain 图标安装
    收起
    angular2

空空如也

空空如也

1 2 3 4 5 ... 20
收藏数 1,005
精华内容 402
热门标签
关键字：

ng-alain