src/app/ngx-editor/ngx-editor-message/ngx-editor-message.component.ts
selector | app-ngx-editor-message |
styleUrls | ngx-editor-message.component.scss |
templateUrl | ./ngx-editor-message.component.html |
Properties |
Methods |
constructor(_messageService: MessageService)
|
||||||||
Parameters :
|
clearMessage |
clearMessage()
|
clears editor message
Returns :
void
|
ngxMessage |
ngxMessage:
|
Default value : undefined
|
property that holds the message to be displayed on the editor |
import { Component } from '@angular/core';
import { MessageService } from '../common/services/message.service';
@Component({
selector: 'app-ngx-editor-message',
templateUrl: './ngx-editor-message.component.html',
styleUrls: ['./ngx-editor-message.component.scss']
})
export class NgxEditorMessageComponent {
/** property that holds the message to be displayed on the editor */
ngxMessage = undefined;
/**
* @param _messageService service to send message to the editor
*/
constructor(private _messageService: MessageService) {
this._messageService.getMessage().subscribe((message: string) => this.ngxMessage = message);
}
/**
* clears editor message
*/
clearMessage(): void {
this.ngxMessage = undefined;
return;
}
}
<div class="ngx-editor-message" *ngIf="ngxMessage" (dblclick)="clearMessage()">
{{ ngxMessage }}
</div>