Question

我正在构建壁纸/画廊的离子应用程序。我希望应用程序在用户点击特定图像时全屏显示壁纸。

感谢。

HTML code：

<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>

TYPESCRIPT代码：

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

}

Answer 1

这是一个简单的属性绑定：

<img [src]="theWallImageUrl" />

并在组件的代码中：

this.theWallImageUrl = ...

如何在typescript中设置html中的图片网址？

1 个答案: