如何在打字稿中設置html圖片url？

我建立了壁紙離子應用程序/ gallery.I要應用顯示壁紙，全屏模式下用戶點擊一個特定的圖像上。如何在打字稿中設置html圖片url？

謝謝。

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>

打字稿代碼：

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

}

來源

2017-10-21 codewiz

您可能想向我們展示您的代碼，以便我們可以幫助您？ – Yogesh

@ Yogesh，我不明白你爲什麼需要這個代碼？無論如何，我包括代碼。 – codewiz

因此，一個正在回答的人會通過修改或指出錯誤而不是從頭開始編寫（至少我會這樣做）。 – Yogesh

這是一個簡單的屬性綁定：

<img [src]="theWallImageUrl" />

，並在組件的代碼：

this.theWallImageUrl = ...

來源

2017-10-21 07:23:39

你還可以告訴我，如何設置動態設置的離子標籤？ – codewiz

我不知道你是什麼意思。 –

JB Nizet問題HTML有大象。如何我可以設置從打字稿之間給出了什麼？ – codewiz

如何在打字稿中設置html圖片url？

回答

相關問題