将背景图像添加到angularJS中的一条路线答案

【问题标题】：Adding a background image to one route in angularJS将背景图像添加到angularJS中的一条路线
【发布时间】：2016-12-24 11:53:07
【问题描述】：

我使用 angularJS 1 构建了一个应用程序。我只想将背景图像添加到索引中，并且在移动到其他路线时它会消失。知道如何在不构建服务的情况下做到这一点吗？

【问题讨论】：

$route 服务有一个current 属性，允许知道当前路由是什么。 Angular 有一个 ngClass 指令，允许根据布尔条件添加 CSS 类。将两者结合起来，您就有了解决方案。

【解决方案1】：

据我了解，您可以为此目的使用 html。只需将<img src="..." 插入所需路由的html 页面。
如果背景图像不同，则将范围变量中的图像源设置为控制器中的 this：$scope.imageSrc="..." 并将其称为 <img src={{imageSrc}}

【讨论】：