2017-02-15 1 views
1

Ich habe ein Problem mit ionic2 + Winkel ts + WordPress, um Lesezeichen Seite zu erstellen. ich verstehe nicht, wie man aktuelle URL der Seite setzt, und dann möchte ich URL zu localstorage zuweisen, also kann ich Bookmark der Seite verursachen. kann jemand helfen?Wie URL zu Lesezeichen hinzufügen mit localStorage Ionic

Ich habe über dieses Problem über 3 Tage gesucht, aber ich bekomme nichts.

um URL zu bekommen, versuche ich mit diesem Code und Test auf der Konsole.

@Component({ 
    selector: 'page-favorites', 
    templateUrl: 'favorites.html', 
}) 
export class FavoritesPage { 
    url:string = this.navParams.get('url'); 
    constructor(
    public navCtrl: NavController, 
    public navParams: NavParams, 
){ 
     console.log(this.url); 
    } 

die Konsole sagen

+0

Haben Sie versucht, 'console.log (navParams.get ('url'));' stattdessen? Was macht das? – Adam

+0

@Adam ja ich habe, in der console.log (navParams.get ('url')); // undefined –

Antwort

0

es ist schwer, Vorschläge zu geben, basierend auf den Informationen, die Sie geben. Welche URL möchten Sie in Ihre Favoriten speichern?

navParams.get() ruft die Parameter ab, die beim Öffnen dieser Seite übergeben wurden.

Als Beispiel nehmen wir an, Sie haben eine "Home" -Seite und eine "Favorites" -Seite. Wenn deine App geladen wird, siehst du die Startseite. Anschließend können Sie einen Link auf die Favoriten-Seite hinzufügen und einen Parameter wie das passieren:

constructor(...) { 
    this.navParams.get('data'); // This will be 'test' 
} 

Sie sagte:

let data = 'test'; 
this.navCtrl.push(FavouritesPage, { 
    data: data 
}); 

Sie dann den Wert des Datenparameters auf der FavouritesPage so bekommen dass du mit Wordpress arbeitest. Also irgendwo haben Sie eine URL wie "https://example.com/my/path/" oder eine eindeutige ID. Sie müssen diese URL wie oben beschrieben an die Favoritenseite übergeben. Oder wenn Sie versuchen, eine Seite in Ihrer App zu favorisieren, übergebe ich stattdessen einen eindeutigen Namen und verwende dann diesen Namen, um die entsprechende Seite zu öffnen (mit einem if/else).

+0

ich habe es. es ist sehr hilfreich. aber, kann ich localStorage verwenden? 'window.localStorage.getItem()' oder 'localStorage.getItem()'? und dann, sagen wir, ich möchte 'localStorage.setItem()' in index.ts setzen, dann möchte ich 'localStorage.getItem()' in favourite.ts, um Artikel für die entsprechende Liste in der Favoriten-Seite zu bekommen. kann ich ? –

+0

Ja, das sollte funktionieren. –

0

Verwenden Sie einfach "window.location" nicht definiert.

Die navParams soll Parameter zwischen den Ansichten übergeben.

+0

Ich habe versucht, 'console.log (window.location);' console output localhost, Ursache von Android-Emulator inspizieren bei dem Browser, den ich zu localhost zu sein. Wie kann ich die Post-URL mit 'window.location' erhalten? –

+0

überprüfen Sie dies: https://forum.ionicframework.com/t/how-to-get-current-page-name/52993 – yantrab

+0

Problem gelöst, hehehe vielen Dank –

Verwandte Themen