1.0.2 • Published 7 years ago
pf-ngx-alert v1.0.2
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 | 取消按鈕顏色 |