Skip to content

crk123kk/angular-example

Repository files navigation

angular的一些基本使用实例

前两个实例是利用ng-cli脚手架搭建起来的基本实例,其它的实例都是基于这两个实例的基础上进行扩展的(注:服务器端渲染的实例是我从网上找到的可以使用的资源) 大部分的项目只需要下载对应的文件,然后执行npm install下载依赖包,然后执行npm run start即可执行,当然如果有个别例外的可以看是否在对应的README.md中是否有描述

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

路由的预加载

angular-form

angular-form

angular表单的基本知识——包含响应式表单、模板驱动表单等

angular-life-cycle

angular-life-cycle

angular的生命周期

angular-translate

angular-translate

angular的翻译,使用ngx-translate

angular-transfer-info

angular-transfer-info

angular组件间的信息传递

angular-animation

angular-animation

angular的动画实现方式

angular-dom

angular-dom

angular操作dom的实现方式

angular-service

angular-service

angular使用http服务获取数据的方式

angular-ng-content

angular-ng-content

angular使用ng-content从父组件投射到子组件

ngrx

angluar-example-sendMessage

使用ngrx在组件间传送数据

angluar-example-todo

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

angular-example-counter

使用ngrx创建的计数器

angular-universal

angular-universal

angular-universal实现服务器渲染(网上找到的资源)