File
Metadata
selector |
app-footer |
styleUrls |
app-footer.component.css |
templateUrl |
./app-footer.component.html |
Public footer
|
footer: any
|
Type : any
|
|
import { Component, Input } from '@angular/core';
import { FooterService } from '../../services/footer.service';
@Component( {
selector: 'app-footer',
styleUrls: ['./app-footer.component.css'],
templateUrl: './app-footer.component.html'
})
export class AppFooterComponent {
public footer: any = {};
constructor( private footerServ: FooterService) {
this.footerServ.getCurrent().subscribe( footer => this.footer = footer);
}
}
<!-- Main Footer -->
<footer class="main-footer">
<!-- To the right -->
<div class="pull-right hidden-xs" [innerHTML]="footer?.right_part | safeHtml"></div>
<!-- Default to the left -->
<div [innerHtml]="footer?.left_part | safeHtml"></div>
</footer>
Legend
Html element with directive