ng new ng-deerway --style less
cd ng-deerway
ng add ng-zorro-antd
npm install ng-zorro-antd --save
ng s -c [environment] --port [port]
快速生成模块
ng g m [保存位置]/modelName
快速生成组件
ng g c [保存位置]/componentName
快速生产服务
ng g s [保存位置]/serviceName
快速生产管道
ng g pipe [保存位置]/pipeName
地图:maps
图表:echarts
用户认证:@delon/auth
项目框架:ng-zorro
- core ng-zorro组件二次封装 通用服务、管道以及通用验证
- layout 通用模版
- routes 项目主体内容
- shared 导入导出项目公用的引用
- styles 通用样式
- assets 静态资源(图片与图标)
- 基础表格组件 dw-table
- 通用时间组件 dw-date-picker
- 通用搜索组件 dw-search
- 信息模态框 dw-info-model
- 分页组件 dw-pagination
- 动态表格组件 dw-table-dynamic
ng build --prod
scp -r 打包后文件路径 root@服务器IP地址:/root/www
升级命令 npm i ng-zorro-antd ng add ng-zorro-antd ng-zorro-antd 1.8+的版本图标使用方法存在差异,我们需要按照新的标准对项目的图标进行调整,命令如下 ng g ng-zorro-antd:fix-icon 调整后建议重新启动程序,如果还存在图标不能正常的情况,可以按照新的标准有针对性的修改。 项目github地址:ht
为什么要配置多个环境变量?因为在实际的开发中,可能存在开发、测试或者正式多个环境变量,我们希望以一种输入不同的参数来切换不同环境的工作模式,所以需要配置多个环境变量。 环境变量配置在environments文件下,默认情况下存在environment.prod.ts和environment.ts两个文件,environment.prod.ts文件中的参数production是true,enviro
上一节我们已经搭建好项目的基本骨架,现在我们就来对项目的整体结构进行规划,项目结构规划每个人每个公司都有不同的方式,我们不去论好坏还是是否合理,只要你当前觉得它是最好的实现就好,不过我还是建议去参考优秀项目的规划方式。 ____________________________________________________ 2018年11月23日更新: 关于项目结构部分会有所调整,最
ng-bind和ng-model的区别 AngularJS的数据绑定有ng-bind和ng-model,一般用于如下: <input ng-model="object.xxx"> <span ng-bind="object.xxx"></span> ng-bind是单向绑定,由作用于$scope到view层,且在HTML控件(HTML控件有:input、select、button和textarea
ng-view指令用来设置将被路由管理和放置在HTML中的视图的位置。
ng-route模块 由于angular把ngRoute模块从核心代码中抽离出来形成一个独立的模块,所以使用的时候要另外添加ng-route模块 //引入angular-route.min.js <script type="text/javascript" src="../angular.min.js"></script> <script type="text/javascript" src=".
本文翻译自:What is the equivalent of ngShow and ngHide in Angular 2+? I have a number of elements that I want to be visible under certain conditions. 在某些条件下,我希望看到一些元素。 In AngularJS I would write 在AngularJS
在 angular2 里,我们介绍了一个新概念叫"structural directives",用来描述那些根据表达式在 DOM 上或增加、或删除元素的指令。和其他指令不同,"structural directive"要么作用在template tag上、 要么配合template attribute使用、要么前缀"*"作为简写语法糖。因为这个新语法特性,初学者常常犯错。 你能分辨出来以下错误么?
AngularJS 开发移动端页面,制作移动端页面肯定是离不开,touchstart , touchmove , touchend 这些动作,但是AngularJS 提供的ng-touch 模块并不是ngtouchstart 这种触屏事件,使点击延迟了,所以今天介绍的是由 国外人员写的另一个ng-touch ,实现移动端的touchstart,touchmove,touchend 这些事件使用方式
学习资源推荐: https://blog.csdn.net/qq_42813491/article/details/90213353 简单比较 共同点: 都是判断性的指令,里边可以是简单的表达式,返回结果是布尔类型的值 不同点: ng-show是css层面的元素显示与隐藏,不会引发浏览器的回流,仅仅是视图的重绘; 相反的,ng-if是dom层面的上下树,不仅仅是视图的重绘,还会引发浏览器的回流,所
/** * name: public.Echart * date: 2017-5-24 */ function isEmpty(value) { return angular.isUndefined(value) || value === '' || value === null || value !== value; } define(['publicMax'], function
ngApp 使用这个指令自动启动一个AngularJS应用。ngApp指令指定了应用程序的根节点,通常会将ngApp放置在网页的根节点如或标签的。 格式:ng-app=”value” value:当前应用程序模块的名称。 使用代码: 需要注意的是:1.3版本以前的是可以不设置值的,1.3只后就是必需的了,而且该模块还得被定义,网上很多部分的教程是1.3版本之前的,所以大家在用的时候注意下版本问题。
ngStrictDi主要是讲angular依赖注入的写法问题,如果写法不规范,可能会在加载压缩版Angular的时候导致Unknown provider的错误。 var app = angular.module('ngAppStrictDemo', []); 1. 不规范写法 app.controller('BadController', function($scope) { $scope
概要设计 1、创建、发送、停止同步任务; 2、创建、抓取同步工作节点; 3、抓取、整合节点统计数据与实时数据并做页面展示; 4、抓取、整合任务统计数据与实施数据并做页面展示; 5、抓取告警日志并做页面展示; 6、收集、整合数据推送到中间件。 名词须知 数据源:数据存储位置,现启用kafka、jdbc、canal三种类型; 数据表组:
RBAC - YII2权限管理 开源协议 GPL 注意事项 严禁使用本软件从事任何非法活动 安装步骤 复制install目录下的dev文件至config目录下 修改dev目录下的db.php中的数据库配置 数据库导入SQL脚本,对应的脚本install目录下 默认密码:ranko/admin 后台地址:index.php?r=site/login 使用事项 starter/filter/Backe
moa2-frontend 前后端分离 shop-server 3000 shop-admin 3010 nginx 8000 即3010 /api 即3000 worker_processes 1; error_log logs/error.log; error_log logs/error.log notice; error_log logs/error.log info; p
主要内容:选择合适的网站,CMS平台在本章中,我们将首先讨论如何为您的网站做出正确的选择,以及为网站选择哪个内容管理系统(CMS)平台。 选择合适的网站 让我们通过问自己几个问题来理解这一点,然后详细讨论这个概念。 问题1 - 你要花多少钱? 回答 - 这是与预算直接相关的主要问题之一。 如果你的预算很低,那么应该考虑一些非商业性的,而不是太复杂。 问题2 - 需要多少时间来计划维护? 回答 - 如果要发布很多优惠报价,最好有一个博
Flarum 管理面板是一个用户友好的论坛管理界面。 它只对「管理」组 的用户开放。 要进入管理界面,只需点击屏幕右上方您的 用户名, 选择 后台管理 即可。
应用管理后台 PDF版下载 可以为第三方应用设置一个管理后台,对第三方应用做一些必要的管理设置,可以按照如下步骤操作: 设置应用管理后台地址 第三方服务商在应用详情为第三方应用设置“管理后台主页” 企业管理员进入应用后台 管理员点击应用中的“进入管理后台”跳转到第三方服务商的“管理后台主页”链接,点击跳转到管理后台之后,服务商的管理后台可以得到授权码和过期时间,用于获取访问的管理员身份: 获取访问