aacl-tag v0.0.1

Aacl Tag label

Installation

Notes:

• rxjs (ReactiveXJS) concepts used extensively: https://rxjs-dev.firebaseapp.com/guide/overview

Features:

• By inputting the label name, font-color(not required), label background color(not required), show the label.
• Label width will be responsive.

Passing Data:

• passes name in 'config'.
• passes color in 'config' (not required).
• passes backgroundColor in 'config' (not required).

How to Use

Start to use AaclTagModule

1. Import AaclTagModule.

   @NgModule({
       // ...
       imports: [
           // ...
           AaclTagModule
           //
       ],
       // ...
   })
   export class ... { }

2. Add \ in your html template.

   <aacl-tag [config]="aaclTagConfig"></aacl-tag>

3. Initialize aaclTagConfig in the component.ts file.

   this.aaclTagConfig = {
   	name: this.name,
   	color: this.color, // is not required
   	backgroundColor: this.backgroundColor // is not required
   } as AaclTagItem;

   detailed configuration details can be found in aacl-tag.options.ts, and see aacl-tag-page for an example

Contributors

• Bowen Li (bzli@sscinc.com)