![](https://img-blog.csdnimg.cn/20201014180756754.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
Angular
文章平均质量分 86
大苏打seven
这个作者很懒,什么都没留下…
展开
-
Angular学习笔记:路由
所谓的路由词典就是url和组件的关系。比如有个登录页面,对应的组件是中的。我们希望,网址输入时就像是的内容。这个网址和组件的映射就是路由词典。定义好路由词典后就需要让系统知道这个词典,这过程就是注册词典。首先建立两个页面用于切换需要注意一下,这里演示的内容是基于最基本的Angular项目,在index.html文件中。确保这个属性是"/"才行。确保在AppModule中import了。这个Module一般是自动生成的。路由词典也是在这个Module中定义。下面是路由词典的定义。预期是显示的内容,原创 2023-10-07 20:42:56 · 255 阅读 · 0 评论 -
Angular学习笔记:动画
Angular实现动画效果原创 2023-05-29 23:20:02 · 788 阅读 · 0 评论 -
Angular学习笔记:environment.ts文件
environment.ts文件原创 2023-05-29 13:47:42 · 972 阅读 · 0 评论 -
Angular学习笔记:组件生命周期和自定义指令
本文是自己的学习笔记,主要参考资料如下。- B站《2020最新Angular实战教程》,老陈打码制作,https://www.bilibili.com/video/BV1i741157Fj?p=2。这里写目录标题1、生命周期简介1.1、construct函数1.2、ngOnChanges1.2.1、示例1.3、ngOnInits1.4、其他hook1、生命周期简介组件中有一些hook可以供我们操控组件,比如组件初始化时,组件数据发生更改时。这些hook都是组件自带的一些方法,方法名都是由ng加上原创 2021-06-10 00:46:33 · 591 阅读 · 5 评论 -
Angular学习笔记:组件之间通信
本文是自己的学习笔记,主要参考资料如下。- B站《2020最新Angular实战教程》,老陈打码制作,https://www.bilibili.com/video/BV1i741157Fj?p=2。这里写目录标题父子页面传值什么是父子页面父页面向子页面传值父页面中定义变量子页面中定义接收器父页面传值给接收器子页面向父页面传值子页面定义发送器父页面中定义接收逻辑绑定子页面发送器和父页面接收方法父子页面传值什么是父子页面我们创建一个新页面child.component.ts。然后我们在主页面中原创 2021-06-08 22:32:30 · 1370 阅读 · 2 评论 -
Angular学习笔记:数据传值和管道
本文是自己的学习笔记,主要参考资料如下。- B站《2020最新Angular实战教程》,老陈打码制作,https://www.bilibili.com/video/BV1i741157Fj?p=2。 1、传递输入值1.1、引入包2、传递dom元素3、传递事件对象3.1、什么是事件对象3.2、传递事件对象4、管道1、传递输入值1.1、引入包数据绑定就是将页面的输入变成代码中的一个变量,让程序可以操控查看这个变量。在使用数据绑定前要先引入下面的包。## 1.2、传递输入值我们可以使用``原创 2021-05-10 23:03:10 · 824 阅读 · 2 评论 -
Angular学习笔记:定义项目根目录,条件渲染和循环渲染
本文是自己的学习笔记,主要参考资料如下。- B站《2020最新Angular实战教程》,老陈打码制作,https://www.bilibili.com/video/BV1i741157Fj?p=2。目录定义项目的根页面修改app.module.ts修改index.html定义项目的根页面我们新建一个Angular项目,通常会有一个app.module.ts文件,我们可以在里面设置根目录。该文件的内容一般如下其中的NewComponent是我自己定义的一个组件。默认情况下,项目是将AppC原创 2021-05-10 21:16:11 · 536 阅读 · 1 评论 -
Angular学习笔记:typeScript的语言特性
本文是自己的学习笔记,主要参考资料如下。- B站《2020最新Angular实战教程》,老陈打码制作,https://www.bilibili.com/video/BV1i741157Fj?p=2。 1、typeScript数据类型1、typeScript数据类型编程语言的数据类型都大同小异,对于typeScript而言,有以下几个特点。变量强类型:当定义变量确定类型之后,不可再改变。比如isDone定义为布尔类型,对该变量赋值为1会报错。指定函数返回类型:可像Java一样指定函数的返原创 2021-04-18 20:56:29 · 228 阅读 · 0 评论 -
Angular学习笔记:Angular组件
本文是自己的学习笔记,主要参考资料如下。- B站《2020最新Angular实战教程》,老陈打码制作,https://www.bilibili.com/video/BV1i741157Fj?p=2。 1、组件的基础知识1.1、在html中使用对应ts中定义的属性1.2、快速创建一个组件2、主组件2.1、declarations3、组件3.1、@Component1、组件的基础知识angular中的组件一般由四个文件组成。其中,.html定义显示内容,.css定义元素样式,.ts定义页面逻辑,.sp原创 2021-04-27 22:24:14 · 1733 阅读 · 0 评论