在Angular JS中为单个视图添加完整的页面背景

Adding full page background to a single view in Angular JS

本文关键字：背景 添加 视图 JS Angular 单个      更新时间：2023-09-26

我需要在我的应用程序中添加一个全屏CSS背景到单个视图。我试图通过向body添加一个类来实现这一点，但是这仍然在缓存中，并在切换视图时保留在主体上。

我有这个问题，因为我的<div ng-view=""></div>在<body>内，所以我不能轻易地从视图中添加全屏BG。

对于一个非常快速简单的答案，我是这样做的。

将条件类应用于ng-view

index . html

ng-class="{'homebg' : home}"

style.scss

.homebg { height: 100%; background-image: url('../images/home-bg.jpg'); background-size: cover; background-position: center center; }

Controller.js

$scope.home = true;

相关文章：