角度2背景图像不渲染

Question

我有一个Angular 2应用程序，目前只有一个组件。 对于整个页面，我想在页面上渲染背景图像。 我已完成以下操作： app.component.html

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

app.component.css

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

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

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

Answer 1

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

以及我项目的结构：

你应该使用content而不是background-image ，如下所示：

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