Angular
张伟杰-Vijay
这个作者很懒,什么都没留下…
展开
-
Angular—路由传参
路由对象两种路由跳转方式1. 在页面中利用 RouterLink 指令<a [routerLink]="['/product',1]">商品详情</a>2. 在控制器中利用 Router 对象 1)利用事件绑定<input type="button" value="商品详情" (click)="toProductDetails()"> 2...原创 2019-04-28 20:25:27 · 484 阅读 · 20 评论 -
Angular—组件间通讯
父子组件间通讯父子组件间通讯还是非常简单的,利用输入属性就可以完成。1. 首先需要在子组件中声明一个输入属性2. 在父组件中也要声明一个和子组件中类型相同的属性3. 在父组件的 html 文件中,传递给子组件4. 然后就可以直接在子组件中的 html 中使用了兄弟组件间通讯—中间人模式当不是父子组件时,就不能用上面那种方法了。如果是兄弟组件,那么就可以使用中间人模式。中间人...原创 2019-04-21 22:21:44 · 299 阅读 · 22 评论 -
Angular—模板式表单和响应式表单
1. 模板式表单和响应式表单的不同点原创 2019-05-19 21:42:19 · 1362 阅读 · 10 评论 -
Angular—商品在线竞拍项目中商品搜索功能,参数加不到请求的URL地址后面的解决方法
商品搜索功能的要求是:在左边的搜索表单中,添加相应的条件,点击搜索,右边轮播图下面就会出现对应的商品。可是当我跟着老师敲完时,却出现不了这样的效果,控制台也没有报错。代码如下图:正确的情况应该是在请求的URL地址后面加上相应的参数,这样才会出现对应的商品。正确的情况如下图:可是我的请求中,URL地址后面没有参数,如下图:知道了是这个原因之后,就想知道为什么参数没有加到URL地址的后面...原创 2019-05-20 21:47:05 · 282 阅读 · 12 评论 -
Angular—路由守卫
路由守卫的用处1. 需要用户登录或拥有某些权限的时候才能进入路由,就可以利用路由做一些限制2. 用户只有在当前路由填写了满足要求的信息才可以导航到下一个路由的情况。3. 当用户没有保存,就想离开当前路由的时候,就可以提醒用户。三种路由守卫CanAcitivate:处理导航到某路由的情况。CanDeactivate:处理从当前路由离开的情况。Resolve:在跳转到指定路由之前,提前获...原创 2019-05-12 21:59:36 · 858 阅读 · 9 评论