如何在打字稿中设置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？

回答

相关问题