angular.js - angular 2 怎么获取当前地址栏的URL
世界只因有你
世界只因有你 2017-05-15 17:09:22
0
7
850

后台自动跳转的URL,请问ng2怎么获取地址栏的URL,以及其中的参数?
网上搜的答案是ng1的,方法是let aid=$location.search().aid;这样的。但是在ng2里找不到$location这个。

世界只因有你
世界只因有你

répondre à tous(7)
我想大声告诉你

window.location.href
Il semble que la méthode ng2 ne soit pas nécessaire

淡淡烟草味

angular 2 Il est impossible de ne pas avoir $location

//1.获取当前完整的url路径  
var absurl = $location.absUrl();  
//http://172.16.0.88:8100/#/homePage?id=10&a=100  
  
//2. 获取当前url路径(当前url#后面的内容,包括参数和哈希值):  
 var url = $location.url();  
 // 结果:/homePage?id=10&a=100  

Angular obtient et modifie l'URL de la page actuelle en injectant $location

黄舟

window.location.href //URL de la barre d'adresse actuelle
this.sub = this.route.params.subscribe(params => {

        let 变量 = +params['参数名'];
        });
        //当前地址参数
Ty80

Exemple officiel : Localisation,

    import {Component} from '@angular/core';
    import {Location} from '@angular/common';
    @Component({selector: 'app-component'})
    class AppCmp {
      constructor(location: Location) {
        location.go('/foo');
      }
    }
给我你的怀抱

J'ai également rencontré ce problème, je ne le trouve vraiment pas, aidez-moi s'il vous plaît

某草草
import { Component, OnInit, Inject } from '@angular/core';
import {ActivatedRoute, Params} from '@angular/router';

@Component({
    selector: 'demo',
    template: `<p></p>`
})
export class DemoComponent implements OnInit {
    constructor(@Inject(ActivatedRoute) private router: ActivatedRoute) { }

    ngOnInit() {
        this.router.params.subscribe((params: Params) => {
            // params 
        });
    }
}

https://angular.io/docs/ts/la...

漂亮男人

Parlons de l'obtention des paramètres,
importez {ActivatedRoute} depuis '@angular/router' ;
Officiellement, vous devez utiliser rxjs, mais vous pouvez le forcer comme ceci :
this._activatedRoute.params'value'

Derniers téléchargements
Plus>
effets Web
Code source du site Web
Matériel du site Web
Modèle frontal