Angular学习总结(Angular2及其以后版本)
Angular学习总结
- 1.Angular和Angular.js介绍
- 2. 环境搭建
- 3.项目创建
- 4.项目运行
- 5.打包
- 6.相关资料补充(UI地址及其相关使用方法的博客)
- 7.电梯
1.Angular和Angular.js介绍
Angular1.x统称为Angular.js,而Angular2及其以后的版本都命名为angular。
从两种项目开发上来看区别有以下几点:
第一点: 编程语言不同,在1中用的是JavaScript,可以在浏览器环境直接运行;在2中用的是typescript,它是JavaScript的超集,需要用构建工具编译后才可以执行。
第二点: 结构不同,在1中一般是一个html(视图)文件和一个js文件(控制器controller)组成一个小组件,在module.js文件注册controller;在2中用多个ts文件构成一个小组件。
第三点: 作用域不同,在1中$scope控制作用域,在2中用zone.js监控。
第四点: 指令不同,在1中用ng-model,ng-xxx一系列规定属性,也类似与vue的v-model
在2中用*ngIf等格式描述。
第五点: 依赖注入,在2中有了constructor,依赖注入有点类似于java中spring注解用法。
第六点: 在2中有了明确的生命周期。
2. 环境搭建
前提:node环境已经搭建好
安装angular脚手架 : npm install -g @angular/cli
3.项目创建
创建项目 :ng new angularDemo
创建新模块 : ng generate component user
4.项目运行
运行到浏览器 :ng serve --open
5.打包
打包部署 :ng build --prod
打包会生成dist文件夹,是可以静态访问的,直接部署到nginx就可以。
6.相关资料补充(UI地址及其相关使用方法的博客)
PC端常用UI:
1.饿了么出品UI element-angular:
2.管理系统模板 ng-admin:
如何使用它
3.material风格:material
如何使用它
4.NG-ZORRO:NG-zorro 功能比较全面,官网友好
如何使用它
5.Semantic:官网有点卡
6.CoreUI-Angular:外包类型付费
7. ngx-bootstrap :ngx-boostrap
angular集成了boosttrap3、4的核心组件
移动端常用UI:
1.monile-angular-ui(功能几乎没有,只有组件)
2.微信UI ngx-weui
3.Ionic 和angular十分友好,是angular的伴生UI
我有一篇专门介绍 ionicApp的博客:戳这里
7.电梯
1.Angular官方文档
2.Angular英文文档
Angular学习总结(Angular2及其以后版本)相关推荐
- angular 学习资源
README.md AngularJS学习 注:截至2016年10月,有一个[收集Angular 2的链接的新回购](https://github.com/jmcunningham/AngularJS ...
- angular学习是有好处
Angular是框架的一种,不学也能开发前端.学backbone或者ember也能开发前端.没有js的mvc,就光弄个jquery,也能开发前端. 那 到底要不要学?个人觉得就是要看发展趋势.angu ...
- Angular学习教程-英雄之旅
Angular学习教程-英雄之旅 官网链接 https://angular.cn/tutorial 文章目录 Angular学习教程-英雄之旅 一.能学习到 二.创建项目 三.英雄编辑器 Part1 ...
- Excel基础学习(2013及以上版本)
Excel基础学习(2013及以上版本) (教学视频点这里) 文章目录 Excel基础学习(2013及以上版本) (一) 快速录入 1) 切换单元格 2) 爬取网页上的表格 3) 清洗爬取的数据 (二 ...
- JAVA学习网站how2j资源离线版本
JAVA学习网站how2j资源离线版本 链接:https://pan.baidu.com/s/1QZTlrq41YMzObAlV6uTp0Q 提取码:mvwu
- angular学习(六)—— 依赖注入
转载请写明来源地址:http://blog.csdn.net/lastsweetop/article/details/53409171 依赖注入 依赖注入(DI)是一种处理组件如何获得依赖的软件设计模 ...
- 【RTX3060(暗夜精灵)等系列显卡正确配置Pytorch及其对于cuda和cudann版本的深度学习环境(避免由于版本不适应导致重装)】
提示:文章写完后,目录可以自动生成,如何生成可参考右边的帮助文档 RTX3060(暗夜精灵)等系列显卡正确配置Pytorch及其对于cuda和cudann版本的深度学习环境(避免由于版本不适应导致重装 ...
- angular学习-2021.5
angular学习笔记 1.基本概览 模块 Module 组件 Component 指令 Directive 服务 Service 路由 Router 2. 模块Module 2.1 模块的含义 2. ...
- ROS开发笔记(10)——ROS 深度强化学习dqn应用之tensorflow版本(double dqn/dueling dqn/prioritized replay dqn)
ROS开发笔记(10)--ROS 深度强化学习dqn应用之tensorflow版本(double dqn/dueling dqn/prioritized replay dqn) 在ROS开发笔记(9) ...
最新文章
- IIS 之 添加绑定域名 或 设置输入IP直接访问网站
- CMake命令之execute_process
- 配置oracle 11g环境,oracle 11g 的安装环境的配置
- ImportError: No module named openid
- c语言 段错误 指针,求教为什么指针动态申请了空间,scanf的时候还会段错误
- 年薪50W测试大牛,分享测试开发基础知识
- Go语言第一深坑 - interface 与 nil 的比较 (转)
- 大数据时代:如何节省存储成本
- DAY 34 进程通信、消费者模型和线程
- SHELL 002 -- ps命令常用方法
- SOA安全性解决方案
- 启动分区不存在,使用分区工具修正
- 云计算机什么意思啊,什么叫云计算,云计算是什么,最通俗的解释是这样的
- ORA-01830: date format picture ends before converting entire input string
- USB启动盘制作工具精选 2012版
- 锐捷服务器虚拟化技术_锐捷RG-RCD6000 V2云课堂云主机
- 吉尼斯官方确认火狐首日下载世界记录
- python matplotlib坐标轴刻度设置
- 码元 码元传输速率 波特率 比特率 数据率
- px和分辨率的关系总结