File

src/app/ngx-editor/ngx-editor-message/ngx-editor-message.component.ts

Metadata

selector app-ngx-editor-message
styleUrls ngx-editor-message.component.scss
templateUrl ./ngx-editor-message.component.html

Index

Properties
Methods

Constructor

constructor(_messageService: MessageService)
Parameters :
Name Type Optional Description
_messageService MessageService

service to send message to the editor

Methods

clearMessage
clearMessage()

clears editor message

Returns : void

Properties

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
Component
Html element with directive

results matching ""

    No results matching ""