離子2/3;當Onclick

Question

改變圖像src標籤我有離子頁面有100％寬度和100％高度的圖像，我想改變圖像來源，當我點擊它。

這是HTML源：

​​ 這

的TS來源：

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

/** 
* Generated class for the MapPage page. 
* 
* See https://ionicframework.com/docs/components/#navigation for more info on 
* Ionic pages and navigation. 
*/ 

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

    images: String[] = Array("img//map.jpg", "img/map1.jpg"); 

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

    changeView(){ 

    } 

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

    ListParrots(){ 
    this.navCtrl.push(ParrotListPage); 
    } 

} 

能有人幫助，請完成所有的功能？謝謝 ！

Answer 1

更改模板：

<ion-img class="map" [src]="picToView" (click)="changeView()"></ion-img> 

，並宣佈在類的變量：

picToView:string="img/map.jpg"; // always instatiate with a valid value 

而且changeView：

changeView(){ 
      this.picToView=..... 
    } 

問候

湯姆