Il servizio di localizzazione di $ Angularjs apparentemente non sta analizzando l'url?

Question

Sto usando angolare in un'applicazione che è, fondamentalmente, una tabella con risultati di ricerca. accesso a questa tabella può essere raggiunto tramite un URL come http://myapp/?client=clientName

Un controller angolare è istanziata per la tavola, tra le altre cose, per aprire una finestra di dialogo modale (anche angolare-based con bootstrap-ui) con i dettagli della riga.

Questi dettagli di riga sono portati tramite un servizio che ha alcune funzionalità comuni per entrambi i controller: quello per il tavolo e quello per il modale.

Ora, all'interno di questo servizio, ho il seguente frammento di codice per recuperare:

service.fetchRelatedElements = function(element, cb) { 
    var url = '/search.json?results=20&type='+element.type; 
    if ($location.search()['client']) { 
    url += '&client=' + $location.search('client'); 
    } 
    return doFetch(url, cb); // actual server json GET 
}; 

L'obiettivo è quello di sapere se la tabella ha già questa specifica client parametro impostato come un filtro.

Se inserisco un punto di interruzione all'inizio di questa chiamata, vedo che $location.absUrl() restituisce l'URL del browser corrente (che, nel mio caso, ha il parametro client a cui sono interessato).

Ma $location.search() restituisce un oggetto vuoto.

Sto inserendo il servizio $ posizione all'interno del mio servizio con i valori predefiniti (ovvero, non configurandolo tramite una chiamata .config()). E, come doc dice:

Il $ servizio di localizzazione analizza l'URL nella barra degli indirizzi del browser (in base sulla window.location) e rende l'URL disponibili per l'applicazione .

Mi manca qualcosa? Non dovrebbe l'URL, a questo punto, essere analizzato?

Grazie!

---

UPDATE: sono riuscito a farlo funzionare. Il problema era esattamente che non stavo configurando affatto il servizio. L'ho fatto perché pensavo che in quel modo ci sarebbero state delle impostazioni predefinite, ma sembra che non sia così che funziona.

Answer 1

ho avuto lo stesso problema prima ho configurato $locationProvider nel modulo di configurazione del mio app:

appModule.config(['$locationProvider', function($locationProvider) { 
     $locationProvider.html5Mode(true); 
    }]); 

Answer 2

L'API per $ location.search è piuttosto confusa. Chiamare

$location.search('client'); 

imposterà l'oggetto di ricerca su {client: true} e restituirà $ posizione. Inoltre, hai un errore di battitura client invece di 'client', quindi sta impostando la ricerca su un oggetto vuoto. Quindi probabilmente si desidera:

url += '&client=' + $location.search()['client']; 

Answer 3

È possibile scrivere una funzione che analizza il $ window.location.ricerca in base alle questo commento https://github.com/angular/angular.js/issues/7239#issuecomment-42047533

function parseLocation(location) { 
    var pairs = location.substring(1).split("&"); 
    var obj = {}; 
    var pair; 
    var i; 

    for (i in pairs) { 
     if (pairs[i] === "") 
      continue; 

     pair = pairs[i].split("="); 
     obj[decodeURIComponent(pair[0])] = decodeURIComponent(pair[1]); 
    } 

    return obj; 
} 

$scope.query = parseLocation($window.location.search)['query']; 

Answer 4

Quando ho incontrato questo problema, un'altra cosa che ha funzionato per me oltre l'impostazione della configurazione è di aggiungere "#" davanti alla stringa di query.

Quindi, se tu sei quella di creare la stringa di query, quindi modificando
myapp/?client=clientName
a
myapp/#?client=clientName

permesso $ location.search() per darmi un oggetto non vuoto che è quindi possibile l'accesso ogni parametro utilizzando $location.search()['client']

Answer 5

Se non si desidera specificare il tag base, è possibile specificare require base false.

myapp.config(function($locationProvider) { 
    $locationProvider.html5Mode({ 
     enabled: true, 
     requireBase: false 
    }); 
});