@chatie/angular

@chatie/angular

Chatie Web Component NgModule for Angular 4

Picture credit: How to create an Angular library

TL;DR

Demo

http://chatie.github.io/angular/

Talk is cheap, show me the code:

App Module

import { WechatyModule }  from '@chatie/angular'

@NgModule({
  ...
  imports: [
    WechatyModule,
  ],
  ...
})

Html Component

<wechaty
  #wechaty
  token="WECHATY_TOKEN"

  (error)     = "onEvent('error'     , $event)"
  (heartbeat) = "onEvent('heartbeat' , $event)"
  (login)     = "onEvent('login'     , $event)"
  (logout)    = "onEvent('logout'    , $event)"
  (message)   = "onEvent('message'   , $event)"
  (scan)      = "onEvent('scan'      , $event)"
>
</wechaty>

<button (click)="wechaty.shutdown()"> Shutdown</button>

Moer details, see code. ;-]

Reference

• How to build and publish an Angular module
• Understanding Angular modules (NgModule) and their scopes
• Making your Angular 2 library statically analyzable for AoT
• Getting your Angular 2 library ready for AoT
• Documentation for Angular Metadata Raw
• Ahead-of-Time Compilation in Angular
• Plunker - Adding the embed to your website

NPM

• Working with scoped packages

Version History

v0.1.0 (May 2017)

1. Upgrade Angular 4.1
2. NgModule-ize Wachaty Component

v0.0.1 (Jul 2016)

1. Modulized Angular 2 Component: wechaty-core
2. Support all(and same) IO Events of Wechaty

Known Issues & Support

Github Issue - https://github.com/chatie/angular/issues

Author

Zhuohuan LI [e-mail] (http://linkedin.com/in/zixia)

Copyright & License

• Code & Docs ©2016-2017 zixia
• Code released under the MIT license
• Docs released under Creative Commons