精华内容
下载资源
问答
  • 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都来自阿里巴巴公司。感谢。

    更多相关内容
  • 注意:从11版本开始,扩展语言将遵循VSCode的显示语言,并且无需安装其他版本的ng-alain-vscode扩展,因此将不再维护。 特征 支持类智能 支持类名称悬停介绍 提取i18n密钥 常见的Angular模板 用法 键入nas-的开头将...
  • 主要介绍了详解ng-alain动态表单SF表单项设置必填和正则校验,小编觉得挺不错的,现在分享给大家,也给大家做个参考。一起跟随小编过来看看吧
  • NG-ALAIN 适用于企业应用程序的现成UI解决方案,让开发人员专注于业务。 English | 快速开始 链接 () () 产品特点 基于ng-zorro-antd 响应式布局 I18n 惰性负载资产 UI路由器状态 自定义主题 更少的预处理器 ...
  • 最近使用ng-alain做前端,sf的部件很丰富,但是做起来之后就会发现,多多少少会有一些不符合需求的东西,比如: 这是一个string的部件,后边跟上一个单位看着很不错,但是我们通常在使用number时会更需要这个单位,...
  • ng-alain-7.3.2.zip

    2020-06-03 14:40:02
    NG-ALAIN 是一个企业级中后台前端/设计解决方案脚手架,我们秉承 Ant Design 的设计价值观,目标也非常简单,希望在Angular上面开发企业后台更简单、更快速。随着『设计者』的不断反馈,将持续迭代,逐步沉淀和总结...
  • 主要介绍了ng-alain表单使用方式详解,小编觉得挺不错的,现在分享给大家,也给大家做个参考。一起跟随小编过来看看吧
  • ng-alain-.netcore

    2018-09-10 19:01:39
    于很多使用 ng-alain 都以 .net 为后端,以下我将以一个示例来描述 ng-alain 如何同 .net core 一起开发。示例以单个中后台项目为基准,对于多项目的应用大体相同,但整体目录结构当然不能以单个项目了,更多应该以...
  • 1、首先是my-select2.component.html页面,这里是在ng-alain的select基础上根据业务需求添加新的功能;代码如下: )]=selectedOption nzPlaceHolder]=myPlaceHolder nzShowSearch]=true nzNotFoundContent]='无匹配'...
  • angular+ng-alainNG-ALAIN 是一个标准的 Angular CLI 构建的项目,并提供了涵盖中后台开发的各类功能和坑位。包含所有示例。
  • guns和ng-alain的编码规范,使程序更具有可读性,codeif生命变量学习,和代码学习使用
  • Ng-Zorro 前后端分离项目的简单实现 snails-web 前端: + + snails-api 后台: + + + + Mysql 框架源码 Gitee GitHub Snails 框架 Snails-web 前端 Snails-api 后台 开发环境要求 Java 8 Maven Mysql Mysql 数据库...
  • java8 源码 源码仓库已迁移到 ...Snails 框架 基于 + 前后端分离的实现,可以作为新手入门项目,也可以作为小项目的基础框架去扩展。目前 系统框架已支持基本的后台功能,基于简单、实用设计,并且已支持 ...
  • 感谢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版本引入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即可。

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

    千次阅读 2020-08-24 11:59:34
    Angular - 使用 ng-alain ng-alain,一个阿里的angular脚手架。基于他们自己的ng-zorro,进行再次封装。 在快速开发的时候,用下ng-alain的st、sf来构建还是不错的。但是涉及到一些复杂的表单、页面时,还是使用ng-...
  • [Angular] ng-alain的一些实践 在sf中使用按钮 比如要实现一个效果: 这个输入框旁边的按钮怎么写啊? 一开始对这个框架不熟悉,走了一些弯路。 毕竟乍一看文档,根本没有按钮这个控件啊。当然我去用ng-zorro写,那...
  • NG-ALAIN 企业应用开箱即用的UI解决方案,让开发者专注于业务。 英文 | 简体中文 Quickstart Getting Started Links Document (Surge Mirror) @delon Source DEMO (国内镜像) Features ng-zorro-antd based ...
  • 1.se编辑中使用日期选择框 <nz-date-picker> </nz-date-picker> 例: <se label="开户日期"> <nz-date-picker></nz-date-picker>...this.form.value.tel.trim().lengt...
  • angular项目基于ng-alainng-zorro等框架实现开发公共组件并且打包上传成npm包 前言: 公司开发的项目都是angular框架配合ng-alain,ng-zorro等组件一起使用, 我们自己开发了一些公共组件,这些组件时长需要修改bug,...
  • 介绍 该项目是的spa网站。 主题使用 。
  • 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 图标安装

空空如也

空空如也

1 2 3 4 5 ... 20
收藏数 1,005
精华内容 402
关键字:

ng-alain