展开

关键词

ng-alain安装遇到的一些坑

ng-alain安装 安装 官方CLI安装: # 确保使用的是最新版本 Angular cli ng new my-project --style less cd my-project ng add ng-alain # 如果你想创建一个英文版本,则: ng add ng-alain --defaultLanguage=en ng serve 这里有一个坑,直接安装会生成package-lock.json 的文件,安装会失败 正确CLI安装方式: # 确保使用的是最新版本 Angular cli ng new my-project --style less cd my-project yarn install #先把依赖包安装好再安装ag-alain,这样就不会生成lock文件导致无法安装 ng add ng-alain # 如果你想创建一个英文版本,则: ng add ng-alain --defaultLanguage =en ng serve

67420

Angular 中后台前端解决方案 - Ng Alain 介绍

ng-alain 介绍 官方介绍: 一个基于 Antd 中后台前端解决方案,提供更多通用性业务模块,让开发者更加专注于业务。 另外一个介绍: ng-alain 是一个企业级中后台前端/设计解决方案脚手架,目标也非常简单,希望在Angular上面开发企业后台更简单、更快速。 ng-alain技术栈基于  Typescript、Angular、g2、@delon 和 ng-zorro-antd,并遵循Antd设计了新的组件,基于ng-alain可以快速的开发中后台。 安装 命令行安装; ng new demo --style less cd demo ng add ng-alain ng serve 直接 clone git 仓库 $ git clone --depth =1 https://github.com/cipchk/ng-alain.git my-project $ cd my-project && npm install && npm start 启动后

1.3K50
  • 广告
    关闭

    什么是世界上最好的编程语言?丨云托管征文活动

    代金券、腾讯视频VIP、QQ音乐VIP、QB、公仔等奖励等你来拿!

  • 您找到你想要的搜索结果了吗?
    是的
    没有找到

    Angular UI框架 Ng-alain @delon的脚手架的生成开发模板

    前言 首先感谢下 cipchk基于 Ng-Zorror 框架上制作的ng-alain 。 ? 之前很早就关注了 ng-alain,今天得空折腾了下。 如何使用 安装&配置 第一种方式: 直接 clone git 仓库 $ git clone --depth=1 https://github.com/cipchk/ng-alain.git my-project 所以Ng-alain提供了一个脚手架构建工具@delon。 这就是我提高的第二种方式。 如图所示 这个时候再来执行 npm install @delon/cli --save-dev 安装@delon/cli到本地,然后就可以创建ng-alain的模板了 ng new -c=@delon/ 尾声 ng-alain 还很年轻,中间会有很多的bug,作者看起来是全职在搞,毕竟看到PR的人不是很多,我主要是搞后端,后期会用几个项目和ng-alain进行配套。

    1K110

    Angular UI 组件

    https://valor-software.com/ngx-bootstrap/#/ github: https://github.com/valor-software/ngx-bootstrap NG-bootstrap bootstrap4组件 官网:https://ng-bootstrap.github.io/#/home NG-ZORRO 0.5,0.6两个版本分别支持angular4.x和5.x https:/ /ng.ant.design/#/docs/angular/introduce, NG-alain https://cipchk.github.io/ng-alain/#/dashboard/v1 github : https://github.com/cipchk/ng-alain NGX-admin http://akveo.com/ngx-admin/#/pages/dashboard primeng 一个丰富的组件库

    63890

    angular2及以上框架PC版后台管理模版手机版

    看了小军的blog,我觉得应该要补充下几个: PC版 material2 github demo clarity——推荐 demo github 大厂vmware出品,插件丰富,ui漂亮 NG-ZORRO 官网及demo github 基于Ant Design 的 Angular版本,文档是中文的,ui丰富且漂亮,而且基于管理后台的有相应版本:ng-alain semantic demo github github 插件数量一般,基于Material,ui较好 element-angular 文档 GitHub 饿了么,看上去还是不错的…… devextreme github ---- 后台管理模版 ng-admin 官网 github 大名鼎鼎的ng后台管理模版框架 CoreUI-Angular demo github 优点是其它框架也有对应UI,但部分组件采用原生样式 还有上面提到过的ng-alain --

    39820

    用angular 来构建PWA应用

    创建一个ngalain项目 ng new my-project --style less cd my-project ng add ng-alain 2.添加PWA支持 ng add @angular /pwa 3.添加服务 npm install lite-server --global 4.启动PWA ng build --prod && lite-server --baseDir dist/my-project

    57020

    52ABP模板 ASP.Net Core 与 Angular的开源实例项目

    正文 我在之前的文章“Angular UI框架 Ng-alain @delon的脚手架的生成开发模板”中提过,我会把.net core 、Angular作为主要核心方向,然后整合 ABP + Ng Zorro +ng-alain 的一个项目。 工作台.gif 这个是新版本的工作台,可以自由的定义,NG ZORRO和卡色的ng-alain 效果配合起来杠杆的。 ? 角色.gif ? 用户列表.gif ? Server 2012 版本以上,推荐2014 GIT 前端环境 Visual Studio Code node yarn 技术栈基于 Typescript 、Angular 、g2 、@delon 和 ng-zorro-antd 代码生成器 52ABP代码生成器,目前仅支持后端代码的生成,不支持前端代码的生成,实际原因是我一直在选择前端模板,现在很愉快的定了是NG-Alian ,那么这个事情也会开始启动了。

    44710

    ng serve 和 ng build 的区别

    在开发过程中,你通常会使用 ng serve 命令来借助 webpack-dev-server 在本地内存中构建、监控和提供服务。 但是,当你打算部署它时,就必须使用 ng build 命令来构建应用并在其它地方部署这些构建成果。 ng serve 命令,所有的操作都是在内存中进行的: ? ng build 和 ng serve 在构建项目之前都会清除输出文件夹,但只有 ng build 命令会把生成的构建成果写入输出输出文件夹中。 最简化的部署方式就是为开发环境构建,并把其输出复制到 Web 服务器上:ng build ? 区别在这个StackOverflow帖子里有讨论。

    45340

    Angular ng-template vs ng-container

    > ng-template vs ng-container 介绍完 ng-container 指令,我们来分析一下它跟 ng-template 指令有什么区别?

    </ng-template> <ng-container>

    In ng-container, no attributes.

    </ng-container> 以上代码运行后,浏览器中输出结果是: In ng-container, no attributes. 即 <ng-template> 中的内容不会显示。

    </ng-template> <ng-container *ngIf="true">

    ngIf with an ng-container. 最后我们来总结一下 <ng-template> 和 <ng-container> 的区别: <ng-template> :使用 * 语法糖的结构指令,最终都会转换为 <ng-template> 或 <template

    59620

    ng-controller and ng-model的工作原理

    10520

    flume-ng tmp

    flume-ng 是一个分布式,高可用的日志收集系统。 JAVA_HOME变量 将解压文件路径/bin配置加入环境变量 二 命令参数 Usage: /home/dongxiao.yang/apache-flume-1.4.0-bin/bin/flume-ng channel1 agent1.sinks.sink1.channel = channel1 agent1.sinks.sink2.channel = channel1 启动命令格式: flume-ng

    20220

    ng generate 命令.

    Components. ng generate xxx xxx的命令还是有点长, 这里angular cli内置了命令的别名, 例如: ng generate component person 这个命令 所以这两个命令是相等的: ng generate component person ng g c person 可以到这里查看component相关的命令和别名: https://github.com/ 看下面两对作用相同的命令, 还是使用别名方便: ng generate component person ng generate component person --inline-template - -inline-style ng g c person ng g c person -it -is 下面来试试这些命令:  建立项目: ng new my-app 等npm install结束后再进行操作 : ng g i models/animal enum: ng g e models/gender commit一下.

    5720

    ng 核心模块

    ng ng (核心模块) 这个ng模块是当AngularJS应用启动的时候默认加载的。这个模块自己包含了一个AngularJS应用工作必需的组件。 The default delimiter is a comma followed by a space – equivalent to ng-list=", ". The element is shown or hidden by removing or adding the.ng-hide CSS class onto the element. The.ng-hide CSS class is predefined in AngularJS and sets the display style to none (using an ! The.ng-hide CSS class is predefined in AngularJS and sets the display style to none (using an !

    8710

    ng-template和ng-container的嵌套使用

    {{ components[0].uid }}

    Type code: {{ components[0].typeCode }}

    end

    <ng-template [cxOutlet]="position" [cxOutletContext]="{ components$: components$ }" >
    before ng-template
    <ng-template *ngFor="let component of components" [cxOutlet]="component.flexType" ,type: {{ component.flexType}}
    <ng-container [cxComponentWrapper]="component"></ng-container >
    after ng-container
    </ng-template>
    after ng-template
    </ng-template> ?

    36610

    扫码关注云+社区

    领取腾讯云代金券