试图在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" 

    } 

LIVE DEMO