Questions tagged «angular2-routing»

角路由是一项内置功能，使您可以创建单页应用程序（SPA）用户界面，用户可以在其中导航到不同的视图，而不必每次都从服务器重新加载整个页面。

14
如何返回上一页
有没有一种聪明的方法可以返回Angular 2的最后一页？ 就像是 this._router.navigate(LASTPAGE); 例如，页面C有一个Go Back按钮， 页面A->页面C，单击它，回到页面A。 页面B->页面C，单击它，返回页面B。 路由器是否有此历史记录信息？
30
在Angular中，如何确定活动路线？
注意： 这里有很多不同的答案，大多数答案一次或一次都有效。事实是，随着Angular团队更改了Router，有效的方法已经改变了很多次。最终将成为 Angular中的路由器的Router 3.0版本打破了许多这些解决方案，但提供了一个非常简单的解决方案。从RC.3开始，首选解决方案是使用此答案中[routerLinkActive]所示的方法。 在Angular应用程序中（我撰写本文时为2.0.0-beta.0版本中的当前版本），如何确定当前活动的路由是什么？ 我正在开发一个使用Bootstrap 4的应用程序，并且需要一种方法来在<router-output>标签中显示其关联组件时将导航链接/按钮标记为活动状态。 我意识到，当单击其中一个按钮时，我可以自己维护状态，但这不会涵盖将多条路径放入同一条路线的情况（例如主导航菜单以及主组件中的本地菜单） ）。 任何建议或链接将不胜感激。谢谢。
23
Angular 2滚动到路线更改顶部
在我的Angular 2应用程序中，当我向下滚动页面并单击页面底部的链接时，它确实会更改路线并带我进入下一页，但不会滚动到页面顶部。结果，如果第一页很长而第二页的内容很少，则给人的印象是第二页缺少内容。由于仅当用户滚动到页面顶部时内容才可见。 我可以将窗口滚动到该组件的ngInit中的页面顶部，但是，有没有更好的解决方案可以自动处理应用程序中的所有路由？
5
角度2-如何使用this.router.parent.navigate（'/ about'）导航到另一条路线？
角度2-如何使用导航到另一条路线this.router.parent.navigate('/about')。 它似乎不起作用。我尝试了，location.go("/about");因为那没有用。 基本上，一旦用户登录，我想将他们重定向到另一个页面。 这是我的代码如下： import {Component} from 'angular2/angular2'; import {CORE_DIRECTIVES, FORM_DIRECTIVES} from 'angular2/angular2'; import {Router} from 'angular2/router'; import {AuthService} from '../../authService'; //Model class User { constructor(public email: string, public password: string) {} } @Component({ templateUrl:'src/app/components/todo/todo.html', directives: [CORE_DIRECTIVES, FORM_DIRECTIVES] }) export class Todo { model = new User('Mark@gmail.com', 'Password'); authService:AuthService; router: …
11
如何在Angular2中重定向到外部URL？
在Angular 2中将用户重定向到完全外部URL的方法是什么。例如，如果需要将用户重定向到OAuth2服务器以进行身份​​验证，我该怎么做？ Location.go()，，Router.navigate()和Router.navigateByUrl()可以将用户发送到Angular 2应用程序内的另一个区域（路线），但是我看不到如何将其用于重定向到外部站点？
6
无法绑定到“ routerLink”，因为它不是已知属性
最近，我开始使用angular2。到目前为止，它很棒。因此，为了学习使用，我已经启动了一个演示个人项目angular-cli。 使用基本的路由设置，我现在要导航到标头中的某些路由，但是由于我的标头是的父级，因此router-outlet会收到此错误。 app.component.html <app-header></app-header> // Trying to navigate from this component <router-outlet></router-outlet> <app-footer></app-footer> header.component.html <a [routerLink]="['/signin']">Sign in</a> 现在，我部分理解了，因为该组件是包装，router-outlet因此无法通过这种方式访问router。那么，对于这种情况，是否有可能从外部访问导航？ 如果需要，我将非常乐意添加更多信息。先感谢您。 更新资料 1-我package.json已经有了稳定的@angular/router 3.3.1版本。2-在我的主app模块中，导入了routing-module。请看下面。 app.module.ts import { BrowserModule } from '@angular/platform-browser'; import { NgModule } from '@angular/core'; import { FormsModule } from '@angular/forms'; import { HttpModule } from '@angular/http'; import { AlertModule …
14
如何在Angular 2中创建单例服务？
我已经读过，引导时的注入应该让所有子节点共享同一个实例，但是我的主要和标头组件（主应用程序包括标头组件和路由器出口）都分别获得了我的服务的单独实例。 我有一个FacebookService和一个使用FacebookService的UserService，可以用来调用facebook javascript api。这是我的引导程序： bootstrap(MainAppComponent, [ROUTER_PROVIDERS, UserService, FacebookService]); 从我的记录看来，引导调用完成了，然后我看到在运行每个构造函数中的代码（MainAppComponent，HeaderComponent和DefaultComponent）之前先创建了FacebookService，然后创建了UserService：
17
Angular 2中的被动链接-<a href=””>等效项
在Angular 1.x中，我可以执行以下操作来创建基本上不执行任何操作的链接： &lt;a href=""&gt;My Link&lt;/a&gt; 但是，相同的标签会导航到Angular 2中的应用程序库。与Angular 2中的标签等效吗？ 编辑：它看起来像是Angular 2路由器中的错误，现在在github上有一个关于此的公开问题。 我正在寻找一种开箱即用的解决方案或确认没有任何解决方案。
7
角度重定向到登录页面
我来自Asp.Net MVC世界，在其中尝试访问未经授权的页面的用户会自动重定向到登录页面。 我正在尝试在Angular上重现此行为。我遇到了@CanActivate装饰器，但是它导致该组件完全不呈现，也没有重定向。 我的问题如下： Angular是否提供实现此行为的方法？ 如果是这样，怎么办？这是一个好习惯吗？ 如果没有，在Angular中处理用户授权的最佳实践是什么？
11
RouterLink不起作用
我在angular2应用中的路由运行良好。但是我将基于此进行一些routeLink ： 这是我的路线： const routes: RouterConfig = [ { path:'home' , component: FormComponent }, { path:'about', component: AboutComponent }, { path:'**' , component: FormComponent } ]; 这是我制作的链接： &lt;ul class="nav navbar-nav item"&gt; &lt;li&gt; &lt;a routerLink='/home' routerLinkActive="active"&gt;Home&lt;/a&gt; &lt;/li&gt; &lt;li&gt; &lt;a routerLink='/about' routerLinkActive="active"&gt;About this&lt;/a&gt; &lt;/li&gt; &lt;/ul&gt; 我希望，当我单击它们时，它会导航到受尊重的组件，但是它们不执行任何操作？
By using our site, you acknowledge that you have read and understand our Cookie Policy and Privacy Policy.
Licensed under cc by-sa 3.0 with attribution required.