博客
关于我
强烈建议你试试无所不能的chatGPT,快点击我
Angular学习笔记
阅读量:6595 次
发布时间:2019-06-24

本文共 543 字,大约阅读时间需要 1 分钟。

angular是面向未来的前端开发框架,学习她理解思想比代码重要,体现的是跨越前后端、大成、优秀的编程思想。她是一个完善的工具链和开发链。

写angular,你会感觉是在写java,更像写c#,面向对象和组件化的思想。

我们是这样写 Angular 应用的:用 Angular 扩展语法编写 HTML 模板, 用组件类管理这些模板,用服务添加应用逻辑, 用模块打包发布组件与服务。

angular是围绕组件化构建整个项目的,辅助功能:指令,服务,管道等

img_bfe8747fefdd21991fb3ae54cb741d0c.png
img_9a085cec57e2f778b9f3d1c52992077d.png
所有的文件类型

组件:模块

每个 Angular 应用至少有一个模块(),习惯上命名为AppModule

组件间通信

传入(父对子组件通信) @Input()

传出(子对父组件通信) @Output()
Service(因为service是全局单例的)
路由方式

生命周期钩子

img_55799d26ace5e4a3d78e844b4851eb2e.png
生命周期钩子

管道

img_7938151d74d9edf1f596e4a6c35294fa.png
内置管道

模块懒加载

img_f4ade40cbdebaa949f90d9f1aca35256.png
模块和懒加载

路由和动态加载

img_34d3ee36ca35be557756c5d8e589d605.png

路由传递参数

img_bb277b8792371fec4772b0fa55f38f36.png
img_d8262dd97d2213e943bd71bece188339.png

路由守卫

img_71f42a8998b0393e850b09a747899cfc.png
注入一个服务来判断是否可以访问该路由

表单和数据校验

  • 模板驱动型表单 (内容都写在html中)
  • 响应式表单(把逻辑放到class中也就是js中)
  • 动态表单(表单几乎都是由js代码动态创建的)
    数据校验
img_42508a3a424ee616f47b03d4eb75ef98.png
内置数据校验规则

自定义的校验规则可以借助指令来实现

转载地址:http://pgcio.baihongyu.com/

你可能感兴趣的文章
一步一步创建ASP.NET MVC5程序[Repository+Autofac+Automapper+SqlSugar](十)
查看>>
输入一个整数n,求从1到n这n个整数的十进制表示中1出现的次数
查看>>
通用Windows平台应用程序开始恢复Win32功能
查看>>
Airbnb如何简化1000多位工程师的Kubernetes工作流程?
查看>>
AlphaZero进化论:从零开始,制霸所有棋类游戏
查看>>
Scrum Master的成功定义是什么?
查看>>
你的GitHub,怎么和我用的不太一样?
查看>>
Windows Server入门系列37 创建网络共享
查看>>
自己diy封装xp操作系统
查看>>
veritas升级及备份至磁盘两个问题简要说明
查看>>
Scoket:UDP通讯模型
查看>>
扯点关于经济的淡-贸易顺差都是有利的吗
查看>>
[yui][译]Yahoo!User Interface Libray 介绍
查看>>
“边开发边测试”给测试带来的变化
查看>>
这款奇葩的Android勒索软件竟然让受害者用语音说出解锁密码
查看>>
国产IT厂商激辩微软 微软反垄断调查或有突破
查看>>
《驯狮记——Mac OS X 10.8 Mountain Lion使用手册》——1.2 OS X Mountain新特性概述——从iOS获得的灵感...
查看>>
《进化——我们在互联网上奋斗的故事》一一1.4 从精兵到强将 ——技术人员的职场发展之路...
查看>>
Git@OSC 项目推荐 — Spark 源代码注释与翻译
查看>>
通过 LLVM 在 Android 上运行 Swift 代码
查看>>