angulaire.js - Comment obtenir l'URL de la barre d'adresse actuelle dans Angular 2
世界只因有你
世界只因有你 2017-05-15 17:09:22
0
7
862

L'URL saute automatiquement en arrière-plan. Comment ng2 obtient-il l'URL dans la barre d'adresse et les paramètres qu'elle contient ?
La réponse trouvée en ligne est ng1, et la méthode est let aid=$location.search().aid;. Mais $location est introuvable dans ng2.

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

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