# angular-example

**Repository Path**: wusheng/angular-example

## Basic Information

- **Project Name**: angular-example
- **Description**: 学习中
- **Primary Language**: Unknown
- **License**: Not specified
- **Default Branch**: master
- **Homepage**: None
- **GVP Project**: No

## Statistics

- **Stars**: 0
- **Forks**: 0
- **Created**: 2020-05-03
- **Last Updated**: 2020-12-19

## Categories & Tags

**Categories**: Uncategorized

**Tags**: None

## README

# 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实现服务器渲染（网上找到的资源）