File
Metadata
selector |
app-ngx-editor-message |
styleUrls |
ngx-editor-message.component.scss |
templateUrl |
./ngx-editor-message.component.html |
Constructor
constructor(_messageService: MessageService)
|
|
Parameters :
Name |
Type |
Optional |
Description |
_messageService |
MessageService
|
|
service to send message to the editor
|
|
Methods
clearMessage
|
clearMessage()
|
|
|
ngxMessage
|
ngxMessage:
|
Default value : ''
|
|
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 {
ngxMessage = '';
/**
*
* @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>
Legend
Html element with directive