Left file: appwork-v1_5_2/angular-starter/src/app/layout/layout-footer/layout-footer.component.ts  
Right file: appwork-v1_6_0/angular-starter/src/app/layout/layout-footer/layout-footer.component.ts  
1 import { Component, HostBinding } from '@angular/core'; = 1 import { Component, HostBinding } from '@angular/core';
2 import { AppService } from '../../app.service';   2 import { AppService } from '../../app.service';
3     3  
4 @Component({   4 @Component({
5   selector: 'app-layout-footer',   5   selector: 'app-layout-footer',
6   templateUrl: './layout-footer.component.html',   6   templateUrl: './layout-footer.component.html',
7   styles: [':host { display: block; }']   7   styles: [':host { display: block; }']
8 })   8 })
9 export class LayoutFooterComponent {   9 export class LayoutFooterComponent {
10   @HostBinding('class.layout-footer') hostClassMain = true;   10   @HostBinding('class.layout-footer') hostClassMain = true;
11     11  
12   constructor(private appService: AppService) {}   12   constructor(private appService: AppService) {}
13     13  
14   currentBg() { <> 14   currentBg(): string {
15     return `bg-${this.appService.layoutFooterBg}`; = 15     return `bg-${this.appService.layoutFooterBg}`;
16   }   16   }
17 }   17 }