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
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 启动后
前言 首先感谢下 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进行配套。
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 一个丰富的组件库
看了小军的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 --
创建一个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
正文 我在之前的文章“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 ，那么这个事情也会开始启动了。
在开发过程中，你通常会使用 ng serve 命令来借助 webpack-dev-server 在本地内存中构建、监控和提供服务。...但是，当你打算部署它时，就必须使用 ng build 命令来构建应用并在其它地方部署这些构建成果。 ng serve 命令，所有的操作都是在内存中进行的： ?...ng build 和 ng serve 在构建项目之前都会清除输出文件夹，但只有 ng build 命令会把生成的构建成果写入输出输出文件夹中。...最简化的部署方式就是为开发环境构建，并把其输出复制到 Web 服务器上：ng build ? 区别在这个StackOverflow帖子里有讨论。
Created by Wang, Jerry, last modified on Jun 08, 2016
> ng-template vs ng-container 介绍完 ng-container 指令，我们来分析一下它跟 ng-template 指令有什么区别？... In ng-container, no attributes.... 以上代码运行后，浏览器中输出结果是： In ng-container, no attributes. 即 中的内容不会显示。... ngIf with an ng-container....最后我们来总结一下 和 的区别： ：使用 * 语法糖的结构指令，最终都会转换为 或 <template
{{ 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}} after ng-container after ng-template ?
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 !
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一下.
*ngFor(同vue中v-for类似) 使用方式 //.ts中 import { Component } from '@angular/core'; //装...
Created by Wang, Jerry, last modified on Jun 07, 2016
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
wget https://download.aircrack-ng.org/aircrack-ng-1.5.2.tar.gz tar -zxvf aircrack-ng-1.5.2.tar.gz cd...Aircrack-ng套件包括： aircrack-ng破解WEP以及WPA（字典攻击）密钥 airdecap-ng通过已知密钥来解密WEP或WPA嗅探数据 airmon-ng将网卡设定为监听模式 aireplay-ng...airolib-ng保存、管理ESSID密码列表 packetforge-ng创建数据包注入用的加密包。...Tools混合、转换工具 airbase-ng软件模拟AP airdecloak-ng消除pcap文件中的WEP加密 airdriver-ng无线设备驱动管理工具 airolib-ng保存、管理ESSID...密码列表，计算对应的密钥 airserv-ng允许不同的进程访问无线网卡 buddy-ngeasside-ng的文件描述 easside-ng和AP接入点通讯（无WEP） tkiptun-ngWPA/TKIP
ng-show 和 ng-hide 根据表达式的值来显示或者隐藏HTML元素 ng-show false 被隐藏 ng-hide true 被隐藏 2 + 2 isn't 5, don't show 2 + 2 is...4, do show 2 + 2 isnt 5, don't hide <div ng-hide="2 + 2
嗯……如果它们包含了最终 DOM 中的元素，那么 有什么用？ 当时我对 和 的区别感到困惑。... 顾名思义， 是一个模板元素，Angular 与结构指令（*ngIf、*ngFor、[ngSwitch] 和自定义指令）一起使用。...Angular 将应用指令的宿主元素放在 中，并保持宿主原样。 最终的 DOM 类似于我们在本文开头看到的： ? 2. ?...使用 ng-container 重写。 ?...除了将每个内容投影到单个 中之外，您还可以使用 的 select 属性控制内容的投影方式。
写在前面 最近开始折腾ng2，其实说是ng2，到目前为止，它已经发布了4.3版，就是这么的高产，高产似*，我连2都还木有完整的看完它竟然发布了4.的版本（鄙视脸）。...ng1中的module回顾 其实熟悉ng1的话，对于这ng2中的module的理解是很有帮助的。...如果直接和ng1对比的话，装饰器的参数对象中的几个属性分别对应ng1中的： imports: 对应ng1声明中的模块依赖数组['bar', 'baz']，进行一些依赖模块的声明 declarations...ng2中module分类 ng2对不同的module提供了不同的语意性描述方式，可以通过装饰器属性来描述它们。...值得一提的是，和ng1不同，ng2中的feature-module可以声明一些私有的组件和服务，这一点在ng1中时做不到的。
领取专属 10元无门槛券
手把手带您无忧上云
云服务器
即时通信 IM
ICP备案
对象存储
实时音视频
