最简单的Angular Route hello world场景都跑不通的一个原因

我有一个最简单的app Component：

@Component({selector: "app-root",template: `<div cxFocuses>Painful</div><a href="/custom2">Click me</a>`
})
export class AppComponent {}

我期望点击了Click Me这个标签之后，能跳转到相对路径/custom2.

在app.module.js里，定义一个route数组：

const CUSTOM_ROUTES: Routes = [{ path: "custom2", component: RouteDemoComponent }
];

Routes是一个type alias，相当于Route[]:

而Route是一个interface：

https://angular.io/api/router/Route#description

我将RouterModule.forRoot返回的Module放到app.module.ts的imports区域之后：

浏览器访问localhost:4200/custom2, 发现没有跳转到期望的Component里去。

经过检查，发现是因为我的application template里，缺少了router-outlet标签的定义：

加上之后，问题解决：

更多Jerry的原创文章，尽在：“汪子熙”:

最简单的Angular Route hello world场景都跑不通的一个原因相关推荐

使用OAuth保护REST API并使用简单的Angular客户端
1.概述在本教程中,我们将使用OAuth保护REST API并从简单的Angular客户端使用它. 我们要构建的应用程序将包含四个独立的模块: 授权服务器资源服务器 UI implicit - 使 ...
超简单集成HMS Core ML Kit场景识别，构建相册管理新模式
前言 "给你看下我之前去景区玩拍的照片,风景很好" "嗯嗯,我正好也准备出去玩,快分享下" -- "照片呢,还没找到吗?" "等会 ...
Angular 8 + Spring Boot 2.2：立即构建一个CRUD应用程序！
"我喜欢编写身份验证和授权代码." 〜从来没有Java开发人员. 厌倦了一次又一次地建立相同的登录屏幕? 尝试使用Okta API进行托管身份验证,授权和多因素身份验证. 如果您已 ...
大数据的应用场景都有哪些（医疗篇）
现如今,很多行业都开始使用大数据了,虽然说大数据已经应用在生活中的方方面面,但是还是有很多人不知道大数据到底用在了什么地方.今天我们在这篇文章中给大家讲讲大数据在医疗中的应用场景都有哪些,希望能够给大 ...
【浅墨Unity3D Shader编程】之中的一个夏威夷篇：游戏场景的创建 amp; 第一个Shader的书写...
本系列文章由@浅墨_毛星云出品.转载请注明出处. 文章链接: http://blog.csdn.net/poem_qianmo/article/details/40723789 作者:毛星云(浅墨) ...
专访云知声黄伟：场景定义芯片，未来所有场景都需要AI | AI名人堂
栏目简介:激荡六十年,人工智能已经起航.然而在未来面前,我们都还是孩子.究竟是"奇点临近"?还是泡沫行将破灭?为了解惑,<AI名人堂>将汇聚领航者智慧,和你一起探索前行 ...
【教程】新手如何制作简单MAD和AMV，学不会那都是时辰
[教程]新手如何制作简单MAD和AMV,学不会那都是时 http://tieba.baidu.com/p/2303522172 [菜鸟教你做MAD]Vegas制作MAD入门教程 http://tieb ...
怎么把word里面的彩色图转化为灰度图，直接在word里面操作，无需转其他软件，超简单！（位图和矢量图都可以）
怎么把word里面的彩色图转化为灰度图,直接在word里面操作,无需转其他软件,超简单!(位图和矢量图都可以) Microsoft Office Word是微软公司的一个文字处理器应用程序.它最初是由 ...
自动驾驶的理想破灭？我看到的这些场景都是噩梦 | 分析
▼ 点击上方蓝字关注网易智能为你解读AI领域大公司大事件,新观点新应用 [网易智能讯 4月24日消息]大家都说"由广告支持的"商业模式破坏了互联网,接下来同样的情况可能出现在交 ...

最简单的Angular Route hello world场景都跑不通的一个原因

最简单的Angular Route hello world场景都跑不通的一个原因相关推荐

最新文章

热门文章