Press "Enter" to skip to content

Simple Facebook/Linkedin-like Chat Module For Angular

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

angular material chat, one to one chat angular, angular firebase chat app github, live chat angular, angular material chat template, chat api for angular

Advanced Vue Live Chatroom Plugin On Website With Vue, React & Angular

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.

Be First to Comment

    Leave a Reply

    Your email address will not be published.