src/client/app/modules/shared/components/footer/footer.component.ts
| moduleId | module.id |
| selector | sd-footer |
| styleUrls | footer.component.css |
| templateUrl | footer.component.html |
Methods |
Outputs |
constructor()
|
events
|
$event type: EventEmitter<IEvent>
|
| onClick |
onClick()
|
|
Returns :
void
|
import {
Component,
Output,
EventEmitter
} from '@angular/core';
import { IEvent, EventType } from '../../../core/index';
@Component({
moduleId: module.id,
selector: 'sd-footer',
templateUrl: 'footer.component.html',
styleUrls: [
'footer.component.css',
],
})
export class FooterComponent {
@Output() events: EventEmitter<IEvent>;
constructor() {
this.events = new EventEmitter();
}
onClick() {
this.events.emit({
type: EventType.SHAKE,
data: null
});
}
}
<div class="navbar navbar-fixed-bottom">
<form class="form-horizontal">
<fieldset>
<div class="form-group">
<div class="pull-right">
<div class="shake" title="shake" (click)="onClick()"></div>
</div>
</div>
</fieldset>
</form>
</div>