2017-10-21 52 views
0

Je construis l'application ionique pour le papier peint/galerie. Je veux que l'application montre le fond d'écran en plein écran quand l'utilisateur clique sur une image particulière.Comment faire pour définir l'URL de l'image en HTML à partir de tapuscrit?

Merci.

code HTML:

<ion-header> 
    <ion-navbar color="dark"> 
    <button ion-button menuToggle> 
     <ion-icon name="menu"></ion-icon> 
    </button> 
    <ion-title>Walldo</ion-title> 
    </ion-navbar> 
</ion-header> 
<ion-slides zoom="true"> 
    <ion-slide> 
    <div class="swiper-zoom-container"> 
     <img id="fullwall" src="some link"> 
    </div> 
    <ion-label>Elephant</ion-label> 
    <button ion-button round (click)="download('wall.jpg')">Download</button>  
    </ion-slide> 
</ion-slides> 

Code dactylographiée:

import { Component } from '@angular/core'; 
import { IonicPage, NavController, NavParams } from 'ionic-angular'; 


@IonicPage() 
@Component({ 
    selector: 'page-popular', 
    templateUrl: 'popular.html', 
}) 
export class PopularPage { 

    constructor(public navCtrl: NavController, public navParams: NavParams) { 
    } 


    ionViewDidLoad() { 
    console.log('ionViewDidLoad PopularPage'); 
    } 

} 
+1

Vous pouvez nous montrer votre code afin que nous puissions vous aider? – Yogesh

+0

@ Yogesh, je ne comprends pas pourquoi vous avez besoin de code pour cela? Quoi qu'il en soit, j'ai inclus le code. – codewiz

+1

Pour que quelqu'un qui répond le fasse en le modifiant ou en soulignant les erreurs qu'il contient au lieu de l'écrire à partir de zéro (Au moins, je le ferais). – Yogesh

Répondre

1

Il est une simple propriété de liaison:

<img [src]="theWallImageUrl" /> 

et dans le code du composant:

this.theWallImageUrl = ... 
+0

Pouvez-vous également me dire, comment mettre en place dynamiquement l'étiquette ionique? – codewiz

+0

Je n'ai aucune idée de ce que vous voulez dire par là. –

+0

JB Nizet En question html il y a éléphant. Comment puis-je définir ce qui est donné entre de typecript? – codewiz