尝试在angular2中使用占位符图像

Question

我试图通过绑定变量在angular2中使用占位符图像。 当我使用"<img src= "http://lorempixel.com/400/200">"它在浏览器中显示图像就很好，但是当我使用变量作为链接时，它不显示任何图像。

import {Component} from '@angular/core';

@Component({
    selector: 'my-tutorials',
    template: `<h2>{{title}}</h2>
    <img [src]="imageLink"/>`
})
export class TutorialsComponent {
    public title = "Tutorials from rahul";
    public imageLink = "http://lorempixel.com/400/200";
}

Answer 1

您应该在构造函数中将变量初始化为beloe

constructor() {
    this.imageLink = "http://lorempixel.com/400/200"

  }

现场演示