对子路由的进一步理解

栏目: JavaScript · 发布时间: 5年前

内容简介:在以前的时候一直以为angular的子路由就是下一次跳转的位置,虽然如果你不用照着老师以前写的弹窗抄了一下,可却报了错

在以前的时候一直以为angular的子路由就是下一次跳转的位置,虽然如果你不用 router-outlet 导出的话他会显示不出来,但也仅仅这样了,也没有细细研究过,直到遇到了这周的问题,果然错误让人进步。

No provider for

照着老师以前写的弹窗抄了一下,可却报了错

对子路由的进一步理解

该引入的也已经引入了

对子路由的进一步理解

当时找了一会,也没找到问题所在,就报着死马当活马医的心态,不是说缺少provider吗,我就给他个provider

对子路由的进一步理解

这样一弄,显示倒是能显示出来了。

对子路由的进一步理解

功能却没法使用

对子路由的进一步理解

不过这一搞,倒是让我感觉基础相当不扎实,顺便学习了一下 provides 的具体用途

根模块 AppModule 是唯一的可以导入服务模块的模块。

说的很清楚,不应该有可声明对象,我上面的用法显然是不对的。更详细的内容请看 官方文档

问题所在

当时由于马上就要期中考试了,简单的问了问张喜硕组长后就去了,考试的就一直在想这个问题,明明用法和潘老师的一模一样,我的却有这种问题,唯一的不同就是没用 router-outlet ,而 router-outlet 是给子路由使用的,我感觉自己可能发现了真相,但却不知道为啥,考完之后回来一试。果然就成了。

配置子路由

const routes: Routes = [
    {
        path: '',
        component: GetLoginPrivilegesComponent,
        children: [
            {
                path: 'register',
                loadChildren: '../get-login-privileges/register-index/register-index.module#RegisterIndexModule',
            },
            {
                path: 'forgetPassword',
                loadChildren: '../get-login-privileges/forget-password/forget-password.module#ForgetPasswordModule',
            },
        ]
    },

];

@NgModule({
    imports: [RouterModule.forChild(routes)],
    exports: [RouterModule],
})
export class GetLoginPrivilegesRoutingModule {
}

界面功能全有

对子路由的进一步理解

经过尝试,是因为子路由的原因。

对原因的猜测

  1. 子路由与父路由是否会让组件之间有
  2. 子路由对应的组件已经成为了父组件的一部分,所以可以自由调用父组件的方法

如果有大神解答相关疑惑,感激不尽。

一点感想

不同的阶段对同样的问题,还是会有不一样的理解的,就像潘老师常说的有的时候找到一个让自己信服的理由就够了,虽然在编程的道路上,自己还是很菜,很多问题还是知其然,但却不知其所以然,但也确实是渐渐的成长了。慢慢来吧。


以上就是本文的全部内容,希望对大家的学习有所帮助,也希望大家多多支持 码农网

查看所有标签

猜你喜欢:

本站部分资源来源于网络,本站转载出于传递更多信息之目的,版权归原作者或者来源机构所有,如转载稿涉及版权问题,请联系我们

HTTPS权威指南

HTTPS权威指南

[英] Ivan Risti? / 杨洋、李振宇、蒋锷、周辉、陈传文 / 人民邮电出版社 / 2016-9 / 99.00元

本书是集理论、协议细节、漏洞分析、部署建议于一体的详尽Web应用安全指南。书中具体内容包括:密码学基础,TLS协议,PKI体系及其安全性,HTTP和浏览器问题,协议漏洞;最新的攻击形式,如BEAST、CRIME、BREACH、Lucky 13等;详尽的部署建议;如何使用OpenSSL生成密钥和确认信息;如何使用Apache httpd、IIS、Nginx等进行安全配置。一起来看看 《HTTPS权威指南》 这本书的介绍吧!

HTML 压缩/解压工具
HTML 压缩/解压工具

在线压缩/解压 HTML 代码

XML 在线格式化
XML 在线格式化

在线 XML 格式化压缩工具

HEX CMYK 转换工具
HEX CMYK 转换工具

HEX CMYK 互转工具