angular
文章平均质量分 50
yx1166
每天进步一点点
展开
-
angular学习笔记
公司有成熟的代码框架,我不需要懂太多原理的东西,只需要懂一些使用频率较高的知识,即可完成公司交给我的任务。我想,这是成熟的公司通用做法,通过对架构的合理设计,只需招技术一般般的人就可以完成任务,节省公司的开支。今天练习了angular的列表页面,使用http获取json数据,并传递给组件。需要注意的地方有以下几点:angular需要先引入httpClient的基础包。声明1个服务,承载http请求...原创 2018-07-10 23:02:25 · 215 阅读 · 0 评论 -
angular基础知识(一)路由传参
路由传参有几种方式? 3种。分别是查询参数中传递数据、路由路径中传递数据、在路由配置中传递数据。 查询参数中传递数据 类似于下面这样: /product?id=1&name=2 => ActivatedRoute.queryParams[id] 在路由后面用?加参数名字和值,在目标组件中通过ActivatedRoute.queryParams的参数名字来获取参数的值。 ...原创 2018-07-30 21:53:34 · 446 阅读 · 0 评论 -
angular(三)辅助路由
为什么要使用辅助路由?辅助路由有什么作用? 无论路由如何导航,页面如何跳转,辅助路由导航的组件始终在页面上不会消失;如同一个网站需要聊天组件,而已要求聊天组件始终在页面上显示时,就需要使用辅助路由。当然,辅助路由除了这个主要作用,还有其他的作用。 每个组件具有1个主路由和0个或N个子路由出口。 使用辅助路由的步骤 定义辅助路由出口(插座)。辅助路由的出口定义和主路由一样,只是辅助路由比主路...原创 2018-08-06 21:34:32 · 323 阅读 · 0 评论 -
angular(二)生命周期钩子
首先我们来了解一下,接口和钩子 在Angular中,也针对生命周期的不同时刻给予了一些接口,你可以在代码中强制自己的组件/指令在创建时实现这些接口。 而每个接口都有唯一的一个钩子方法,它们的名字是由接口名再加上ng前缀构成的。比如,OnInit接口的钩子方法叫做ngOnInit。 implements关键字 由于我们最终执行的代码是JavaScript,而在JS中是没有接口概念的,接口只是...原创 2018-08-02 22:20:39 · 475 阅读 · 0 评论