Angular的路由-新闻详情

Angular的路由


发布时间:2018-12-26责任编辑:满帅 浏览:1218


平时在写网站的时候会有页面,在用html简单时候我们可以用<a href=""></a>这样的标签去链接页面,不是会很慢,但是等页面的达到一定的数量的时候,再进行跳转的时候速度就没有那么快了,每个页面进行刷新跳转,但是在angular里面,我们用户一般在加载这样的应用时,会整个的缓存在手机上。我们用路由进行切换时,不用再发起HTTP请求了。体验比原来好。

 步骤 首先需要利用cli 创建路由文件

ng generate module app-routing --flat --module=app

解释:--flat 把这个文件放进了 src/app 中,而不是单独的目录中。--module=app 告诉 CLI 把它注册到 AppModule  imports 数组中。

然后 进行路由文件的修改

1.png

接下来就是要进行我们的页面登录与跳转

11.png

然后页面是需要有路由出口的

比如111.png

 

这就是angular的基本流程了。


项目开发组   供稿