原文地址:https://www.jianshu.com/p/b9db7bb3d4ec

目的

  其实写这篇文章的主要目的是为了提供给那些刚刚入门angular或者有意学习angular的读者准备的。
  我本身便是自学的angular,angular在国内的应用相对于react和vue来说要少的多的多,不仅是学习材料还是其他博客之类的参考文献。当时自学的时候是看着angular官网的英雄编辑器边敲边学,angular官网看了好几遍,每一次看每一次都会觉得其对angular才是全面的,优秀的,而我这只是锦上添花罢了,或者连花也算不上,就是希望自己的一些理解和运用能够帮助到刚入门的读者,这样本身也就达到了我写这一系列博客的理由了。angular本身的学习曲线就很陡,当时当你深入了解之后,你就会发现其本身有着不输于vue和react的魅力所在,当然具体项目使用哪种框架需要考虑的很多,也不是一句两句能说的通的,只能说,且行且珍惜吧。
  以下就是我写的一些参考材料,希望能够帮助到大家。

参考资料

angular官网英雄编辑器:改版
(ps.因为自学的时候发现很多时候官网上的样例代码要么是下载不下来要么就是下载下来本地运行不起来,这里就是我自己搭建的一个angular框架并且实现了angular英雄编辑器的大部分功能的代码,自己本身也跑过几次,是可以跑起来的,当然也不排除意外情况啦,希望能够帮助到各位读者。当然如果诸君觉得还行就给个星吧,哈哈哈。)

angular的一些实例代码
(ps.这里面是我之后的博客会讲到的知识点的相应的实践代码,每一个都是我亲自实践过的并且行之有效的。虽然在总的README.md里面已经介绍了相应文件对应的知识点,不过这里我就再不厌其烦的再介绍一下有哪些可以提供给各位使用的。)

angular-demo-base

ng-cli

angular-demo-base

angular-cli脚手架搭建,没有执行ng eject

ngular-base-eject

angular-cli脚手架搭建,并且执行了ng eject

ng-directive

ng-directive

关于指令的基本使用,介绍了属性指令、结构指令等指令以及相应的使用方式

ng-directive-custom

关于我写的以及一些收集到的有意思的指令,提供给读者参考

ng-pipe

ng-pipe

关于一些管道的基本使用,介绍了一些常见管道的使用方式

ng-pipe-custom

关于我写的以及一些收集到的有意思的管道,提供给读者参考

ng-router

angular-base-router

路由的基本配置,相同模块的路由,不同模块的路由配置

angular-lazyloading-router

路由的懒加载

angular-preLoading-router

路由的预加载

ngrx

angluar-example-sendMessage

使用ngrx在组件间传送数据

angluar-example-todo

完成todo功能,使用普通方式以及使用ngrx方式

angular-example-counter

使用ngrx创建的计数器

angular-universal

angular-universal

angular-universal实现服务器渲染

angular的学习参考材料的更多相关文章

  1. Mongoose学习参考文档——基础篇

    Mongoose学习参考文档 前言:本学习参考文档仅供参考,如有问题,师请雅正 一.快速通道 1.1 名词解释 Schema : 一种以文件形式存储的数据库模型骨架,不具备数据库的操作能力 Model ...

  2. 适合我胃口的angular.js学习资料

    断断续续弄了半年的ANGULAR.JS学习资料,网上下载了N多资料,测试了很多次. 现在只能算是入门,因时间问题,现在要转入其它领域. 如果以后要拾起来,下面这个PDF比较对我胃口. <Angu ...

  3. Angular快速学习笔记(2) -- 架构

    0. angular 与angular js angular 1.0 google改名为Angular js 新版本的,2.0以上的,继续叫angular,但是除了名字还叫angular,已经是一个全 ...

  4. Angular 快速学习笔记(1) -- 官方示例要点

    创建组件 ng generate component heroes {{ hero.name }} {{}}语法绑定数据 管道pipe 格式化数据 <h2>{{ hero.name | u ...

  5. stm32 学习参考(转)

    源:stm32 学习参考 单片机裸机下写一个自己的shell调试器     LWIP_STM32_ENC28J60_NETCONN_TCP_SERVICER(5)     LWIP_STM32_ENC ...

  6. Angular ng-include 学习实例

    ng-include 可以引入外部的文件到当前视图中.这样可以增强复用性. 最简单的用法  <div ng-include src="'/public/template/tpl.htm ...

  7. Android repo 学习参考

    /*************************************************************************** * Android repo 学习参考 * 说 ...

  8. 学习参考:《Python语言及其应用》中文PDF+英文PDF+代码

    学习简单的数据类型,以及基本的数学和文本操作,学习用Python内置的数据结构来处理数据: 掌握Python的代码结构和函数的用法:使用模块和包编写大规模Python程序:深入理解对象.类和其他面向对 ...

  9. 学习参考《Flask Web开发:基于Python的Web应用开发实战(第2版)》中文PDF+源代码

    在学习python Web开发时,我们会选择使用Django.flask等框架. 在学习flask时,推荐学习看看<Flask Web开发:基于Python的Web应用开发实战(第2版)> ...

随机推荐

  1. Modbus设备调试工具Winform(包括SRC0001、海康威视、TTS以及各种类型LED的测试)

    1.SRC寄存器读写测试 2.采集数据终端模块(这里是康海时代)调试 3.RS485传感器设备调试 4.LED/TTS/海康威视等展示设备调试 5.Modbus等协议规约资料及4-20mA设备调试 以 ...

  2. Maven实战(五)——自己主动化Web应用集成測试

    自己主动化集成測试的角色 本专栏的上一篇文章讲述了Maven与持续集成的一些关系及详细实践,我们都知道,自己主动化測试是持续集成不可缺少的一部分,基本上,没有自己主动化測试的持续集成,都非常难称之为真 ...

  3. 细说 iOS 消息推送

    APNS的推送机制 与Android上我们自己实现的推送服务不一样,Apple对设备的控制很严格.消息推送的流程必需要经过APNs: 这里 Provider 是指某个应用的Developer,当然假设 ...

  4. 11lession-class 类

    python既然也是面向对象编程的语言,自然也就跟java相似,它也有类的概念.今天就简单学习下.看如下代码 #!/usr/bin/python class cl_test: test = 0 def ...

  5. 矩阵乘法java代码实现

    矩阵只有当左边矩阵的列数等于右边矩阵的行数时,它们才可以相乘, 乘积矩阵的行数等于左边矩阵的行数,乘积矩阵的列数等于右边矩阵的列数 即A矩阵m*n,B矩阵n*p,C矩阵m*p: package exa ...

  6. codeforces 204E. Little Elephant and Strings(广义后缀自动机,Parent树)

    传送门在这里. 大意: 给一堆字符串,询问每个字符串有多少子串在所有字符串中出现K次以上. 解题思路: 这种子串问题一定要见后缀自动机Parent树Dfs序统计出现次数都是套路了吧. 这道题统计子串个 ...

  7. Robot Framework初步使用

    第一步,新建一个Project:

  8. 第6章4节《MonkeyRunner源代码剖析》Monkey原理分析-事件源-事件源概览-翻译命令字串

    在第2节中我们看到了MonkeySourceNetwork是怎样从Socket中获取MonkeyRunner发送过来的命令字串的,可是最后怎样将它翻译成事件的代码我们还没有进行分析,由于在那之前我们还 ...

  9. 【CS Round #46 (Div. 1.5) C】Set Subtraction

    [链接]h在这里写链接 [题意] 一开始有n个数字,然后有一个数字X,把每个数字都减去X,又生成N个新的数字. 然后把这2*N个数字混在一起. 告诉你这2*N个数字是什么.让你复原出原来的N个数字,以 ...

  10. Want to archive tables? Use Percona Toolkit’s pt-archiver--转载

    原文地址:https://www.percona.com/blog/2013/08/12/want-to-archive-tables-use-pt-archiver/ Percona Toolkit ...