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

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

1 个答案: