2017-07-16 5 views
1

私は、loginページでCSSを使用して背景イメージを含める必要があるシナリオを持っています。しかし、私はhomeページでそれを使用したくありません。 HTMLコードは以下の通りです。divからCSSクラスを除外する方法は?

<div data-ng-controller="loginCtrl" class="bg"> 
    <div data-ng-if="!landingPage" data-ng-include="'view/login.html'"></div> 
    <div data-ng-if="landingPage=='login'" data-ng-include="'view/login.html'"></div> 
    <div data-ng-if="landingPage=='home'" data-ng-include="'view/home.html'"></div> <!--I don't want to use CSS class 'bg'--> 
</div> 

との.cssファイルどのように私はそれを達成することができます

body, html { 
    height: 100%; 
    margin: 0; 
} 

.bg { 
    /* The image used */ 
    background-image: url('/custom/img/pp.jpg'); 

    /* Full height */ 
    height: 100%; 

    /* Center and scale the image nicely */ 
    background-position: center; 
    background-repeat: no-repeat; 
    background-size: cover; 
} 

のですか?

+0

この '.bg'スタイルはホームページにのみ配置する必要があります。 –

答えて

1

ng-class

<div data-ng-controller="loginCtrl" ng-class="{bg: isLoggedIn}"> 
    <div data-ng-if="!landingPage" data-ng-include="'view/login.html'"></div> 
    <div data-ng-if="landingPage=='login'" data-ng-include="'view/login.html'"></div> 
    <div data-ng-if="landingPage=='home'" data-ng-include="'view/home.html'"></div> <!--I don't want to use CSS class 'bg'--> 
</div> 

は倍の大半以来更新に真

+0

ありがとう、それは動作します。 – Satyaprakash

+0

@Satyaはあなたをお手伝いします – Aravind

0

から$scope変数をログインした後、あなたがそう別のページに別の背景画像を追加していく予定使用、私が使用してそれを追加することを好むだろうインラインCSS。

関連する問題