html image element not showing image

Question

I am using a Ionic 2 popover, to display an image. However, the image is not displaying in the modal.

I have the following code. How do I get it to display the image?

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

@Component({
  template: `
    <ion-content padding id="image-popover">
      <ion-list>
        <ion-row>
          <ion-col>
            <center>
                <img class="item-stable" src="{{image}} height="75" width="75""/>
                <p>{{text}}</p>
            </center>
          </ion-col>
        </ion-row>
      </ion-list>
    </ion-content>
  `
})
export class ImagePopOverPage {
  private image: string = null;
  private text: string = null;

  constructor(private navParams: NavParams) {
    this.image = navParams.get('image');
    this.text = navParams.get('text');
  }
}

And it displays this:

Richard · Accepted Answer · 2016-09-29 10:30:49Z

1

Sorry, my mistake. I had "quotation" marks in the wrong place.

answered Sep 29, 2016 at 10:30

Richard

8,99534 gold badges128 silver badges259 bronze badges

Sign up to request clarification or add additional context in comments.

Collectives™ on Stack Overflow

html image element not showing image

1 Answer 1

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

Comments

Your Answer

Sign up or log in

Post as a guest

Related