2017-02-15 2 views
1

J'ai un problème avec ionic2 + angulaire ts + wordpress pour créer une page de signet. Je ne comprends pas, comment mettre l'URL actuelle de la page, puis je veux attribuer l'URL à localstorage afin que je puisse créer un signet de la page. quelqu'un peut vous aider?comment ajouter l'URL pour marquer avec localStorage Ionic

J'ai chercher sur ce problème environ 3 jours, mais je n'ai rien.

pour obtenir l'url j'essaye avec ce code et le test sur la console.

@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); 
    } 

la console disent undefined

+0

Avez-vous essayé de mettre 'console.log (navParams.get ('url'));' à la place? Qu'est-ce que ça fait? – Adam

+0

@Adam oui j'ai, à la console.log (navParams.get ('url')); // undefined –

Répondre

0

Il est difficile de donner des suggestions en fonction des informations que vous fournissez. Quelle URL essayez-vous d'enregistrer dans vos favoris?

navParams.get() obtient les paramètres que vous avez passés lors de l'ouverture de cette page. Par exemple, supposons que vous ayez une page "Accueil" et une page "Favoris". Lorsque votre application est chargée, vous voyez la page d'accueil. Vous pouvez ensuite ajouter un lien vers la page de favoris et passer un paramètre tel que:

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

Vous pouvez alors obtenir la valeur du paramètre de données sur le FavouritesPage comme ça:

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

Vous avez dit que vous travaillez avec Wordpress. Donc, quelque part, vous aurez une URL comme "https://example.com/my/path/" ou un identifiant unique. Vous devez transmettre cette URL à la page des favoris comme décrit ci-dessus. Ou si vous essayez de favori une page dans votre application, je voudrais plutôt passer un nom unique, puis utiliser ce nom pour ouvrir la page correspondante (en utilisant un if/else).

+0

je l'ai eu. c'est très utile. mais, puis-je utiliser localStorage? 'window.localStorage.getItem()' ou 'localStorage.getItem()'? et puis, disons que je veux mettre 'localStorage.setItem()' dans index.ts, alors je veux 'localStorage.getItem()' dans favorite.ts pour obtenir l'article pour la liste d'accord dans la page favorite. puis-je ? –

+0

Oui, cela devrait fonctionner. –

0

utiliser juste "window.location".

le navParams doit transmettre des paramètres entre les vues.

+0

J'ai essayé de mettre 'console.log (window.location);' sortie de la console localhost, cause de l'émulateur android inspecter sur le navigateur que j'utilise pour être localhost. Comment puis-je obtenir l'URL de post avec 'window.location'? –

+0

vérifier ceci: https://forum.ionicframework.com/t/how-to-get-current-page-name/52993 – yantrab

+0

problème résolu, hehehe merci beaucoup –