|
1 | | -import{Component,ElementRef,Inject,Input,OnDestroy,OnInit,Renderer2}from'@angular/core'; |
| 1 | +import{Component,HostBinding,Inject,Input,OnDestroy,OnInit,Renderer2}from'@angular/core'; |
2 | 2 | import{DOCUMENT}from'@angular/common'; |
3 | 3 |
|
4 | | -import{Replace}from'../shared'; |
5 | | - |
6 | 4 | @Component({ |
7 | | -selector:'app-footer', |
8 | | -template:` |
9 | | - <ng-container class="app-footer"></ng-container> |
10 | | - <footer class="app-footer"> |
11 | | - <ng-content></ng-content> |
12 | | - </footer> |
13 | | - ` |
| 5 | +selector:'app-footer, cui-footer', |
| 6 | +template:`<ng-content></ng-content>` |
14 | 7 | }) |
15 | 8 | exportclassAppFooterComponentimplementsOnInit,OnDestroy{ |
16 | 9 | @Input()fixed:boolean; |
17 | 10 |
|
| 11 | + @HostBinding('class.app-footer')true; |
| 12 | + |
| 13 | +privatereadonlyfixedClass='footer-fixed'; |
| 14 | + |
18 | 15 | constructor( |
19 | 16 | @Inject(DOCUMENT)privatedocument:any, |
20 | 17 | privaterenderer:Renderer2, |
21 | | -privateel:ElementRef |
22 | 18 | ){} |
23 | 19 |
|
24 | 20 | ngOnInit():void{ |
25 | | -Replace(this.el); |
26 | 21 | this.isFixed(this.fixed); |
27 | 22 | } |
28 | 23 |
|
29 | 24 | ngOnDestroy():void{ |
30 | | -this.renderer.removeClass(this.document.body,'footer-fixed'); |
| 25 | +this.renderer.removeClass(this.document.body,this.fixedClass); |
31 | 26 | } |
32 | 27 |
|
33 | 28 | isFixed(fixed:boolean=this.fixed):void{ |
34 | 29 | if(fixed){ |
35 | | -this.renderer.addClass(this.document.body,'footer-fixed'); |
| 30 | +this.renderer.addClass(this.document.body,this.fixedClass); |
36 | 31 | } |
37 | 32 | } |
38 | 33 | } |