NgxAlert

NgxAlert

安裝

npm install pf-ngx-alert

引用

app.module.ts

...something...
import { NgxAlertModule } from 'pf-ngx-alert';

@NgModule({
  ...something...
  imports: [...something..., NgxAlertModule],
  ...something...
})
export class AppModule {}

app.component.html

<ngx-alert></ngx-alert>

快速上手

ng g c Test

test.component.html

<button (click)="alert()">ALERT</button>

test.component.ts

import { ngxAlert } from 'pf-ngx-alert';

export class TestComponent implements OnInit {

  constructor() { }

  ngOnInit() { }

  alert() {
    ngxAlert(
      'Title', /* Title */
      'Message', /* Message */
      'success' /* Type */
    ).then(result => {
      /* Do something... */
    });
  }
}

Required

| Argument | Required | Default value | Type | Description | | ----------------- | ---------------------------------------- | ---------------- | --------- | ------------------------------- | | ngxTitle | yes | none | string | 標題 | | ngxMessage | yes | none | string | 內容 | | ngxType | yes (success、error、confirm) | none | string | 類型 |

Option

| Argument | Required | Default value | Type | Description | | ------------------------ | -------- | ------------------ | --------- | ------------------------------- | | backgroundColor | no | #fffdeb | string | 背景色 | | submitBtnColor | no | #005dbd | string | 確認按鈕顏色 | | closeBtnColor | no | #ffffff | string | 取消按鈕顏色 |