angular示例源码集合
这个是用于父组件向子组件投射内容最简单的demo//父亲模板<app-demo>这里放内容</app-demo>//子模板<ng-content></ng-content>原文链接https://blog.csdn.net/weixin_30268921/article/details/95003590GIT示例...
这个是用于父组件向子组件投射内容
最简单的demo
//父亲模板
<app-demo>
这里放内容
</app-demo>
//子模板
<ng-content></ng-content>
原文链接
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实现服务器渲染(网上找到的资源)
更多推荐
所有评论(0)