小编Pra*_*wat的帖子

Angular 2/4如何在app组件中获取路由参数?

在此输入图像描述由于我是角度2/4的新手,因此根据我的需要设置新应用程序时遇到问题.

我正在尝试构建一个将从另一个应用程序调用的应用程序.调用应用程序将发送一些参数,如令牌,用户名,应用程序ID等.

现在,与Angular 2/4一样,app.component是我们的登陆组件,每个第一个请求都将通过它.所以,我想在app组件中获取这些参数并加载一些用户细节,进行本地会话以及移动到其他东西.

问题是,当我试图访问这些参数时,我得到了任何东西.

这是将启动我的角度应用程序的URL: http:// localhost:86/dashboard?username = admin&token = xyz&appId = 8

这是我的路由文件代码:

const routes: Routes = [
  {
    path: 'dashboard/:username, token', component: AppComponent
  }
];

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

}
Run Code Online (Sandbox Code Playgroud)

这是我的应用程序组件代码:

import { Component, OnInit } from '@angular/core';
import { AuthenticationService } from 'app/services/authentication/authentication.service';
import { User } from 'app/models/user/user';
import { AppConfig } from 'app/helpers/AppConfig';
import { ActivatedRoute, Router } from '@angular/router';


@Component({
  selector: 'app-root',
  templateUrl: './app.component.html',
  styleUrls: ['./app.component.css']
}) …
Run Code Online (Sandbox Code Playgroud)

angular2-routing angular

17
推荐指数
2
解决办法
4万
查看次数

值更改时不调用ngOnChange

我有设置插件

我点击按钮更改对象的bool属性,点击ngOnchange应该触发不发生的事情.为什么?.是否与父组件和子组件之间共享同一对象引用有关?

angular

4
推荐指数
1
解决办法
3386
查看次数

角度2将参数传递给命名路由器出口?

我通过命名的路由器出口将参数发送到我的ChildComponent. 但是在子组件中,当我尝试访问参数时,它们是未定义的。

这是路由配置文件

{ path: 'contact-hold/:id', component: OperationComponent, outlet: 'popup' }
Run Code Online (Sandbox Code Playgroud)

这是我的链接:

<a [routerLink]="['\',{outlets:{popup:['hold',1]}}]">Hold</a>
Run Code Online (Sandbox Code Playgroud)

这是浏览器中的样子:

/contact-list(popup:contact-hold/1)
Run Code Online (Sandbox Code Playgroud)

这是我保留的路由器插座AppComponent

<router-outlet name="popup"></router-outlet>
Run Code Online (Sandbox Code Playgroud)

我在操作组件中像这样访问此参数:

this.route.queryParams.subscribe(params=> {      
      console.log(params["id"]);
    })  
Run Code Online (Sandbox Code Playgroud)

我已经解决了 stackoverflow 中的其他问题并实现了解决方案,但仍然不起作用。这段代码可能有什么问题?

typescript angular2-routing router-outlet angular

3
推荐指数
1
解决办法
3488
查看次数

每当我发布新代码时如何从客户端清除本地存储

我已经在 Angular 4 上构建了我的应用程序,并且我正在使用本地存储来存储用户会话。我想要的是每当我发布我的应用程序时,用户本地存储应该被重置,以便发布前的数据不会造成任何问题。

我怎么做?

javascript local-storage angular

2
推荐指数
2
解决办法
3388
查看次数