Simple Facebook/Linkedin-like Chat Module For Angular

ng-chat is a simple chat module similar to Facebook/LinkedIn for Angular apps.

How to make use of it:

Installation:

npm install ng-chat

1. Import NgChatModule on your AppModule (EG: app.module.ts):

...
import { NgChatModule } from 'ng-chat';

@NgModule({
  declarations: [
    AppComponent
  ],
  imports: [
    BrowserModule,
    FormsModule,
    HttpClientModule,
    NgChatModule
  ],
  providers: [],
  bootstrap: [AppComponent]
})
export class AppModule { }

2. Add the component to your AppComponent template:

<ng-chat [adapter]="adapter" [userId]="userId"></ng-chat>

3. And in your app.component.ts:

import { Component } from '@angular/core';
import { ChatAdapter } from 'ng-chat';
import { MyAdapter } from 'my-adapter';

@Component({
  selector: 'app-root',
  templateUrl: './app.component.html',
  styleUrls: ['./app.component.css']
})
export class AppComponent {
  title = 'app';
  userId = 999;

  public adapter: ChatAdapter = new MyAdapter();
}

Facebook/Linkedin Style Chat Component, ng-chat Plugin/Github


See Demo And Download

Official Website(rpaschoal): Click Here

This superior jQuery/javascript plugin is developed by rpaschoal. For extra advanced usage, please go to the official website.

Share