html - Angular 2背景图像不渲染

Question

我有一个 Angular 2 应用，目前只有一个组件。对于整个页面，我想在页面上渲染背景图像。我做了以下事情:app.component.html

<dashboard class="dash"></dashboard>

app.component.css

.dash {
    background-image: url("../assets/images/background/sligo.jpg");
}

在 chrome 的开发工具中，显示了图像，但在实际 View 中，它仍然显示空白屏幕。我错过了什么？下面的片段显示了控制台输出和主视图。

附加信息；这是我的 package.json 和文件夹结构的片段

Answer 1

您需要在 .angular-cli.json 中正确指定 assets 和 root 属性，例如:

以及我的元素结构:

你应该使用content而不是background-image，像这样:

.dash {
    content: url(../assets/images/background/sligo.jpg);
}