angular中modal的事件傳輸

2021-08-19 18:50:51 字數 575 閱讀 6308

今天遇到乙個問題,在modal中寫了乙個form,提交到資料庫後需要重新整理頁面,但ng-bootstrap的modal就是沒有事件輸出,熱心的小夥伴提醒可以寫個service來傳遞事件,不多說了直接上**:

service:

importfrom'@angular/core';

@injectable()

export classmodalserservice

modalemitter()

emitmodal()

}

modal中發射事件:

this.modalser.emitmodal();
其他頁面接受這個事件:

this.modalser.modalemitter().subscribe(() =>console.log('123132'));
就這麼簡單!!

angular中的服務

angular中的服務 angular中的服務相當於乙個狀態管理,可以將資料放在服務裡面進行獲取以及編輯。服務的安裝命令 ng g service count安裝好後,會在服務的ts檔案中引入乙個injectable模組,這是乙個服務裝飾器,可以通過 injectable 將乙個類裝飾成乙個服務。i...

Angular4 div 監聽scroll事件

scroll 事件,乙個是window的,另乙個不是。完成效果 這倆指令,基本上就解決了。我是用來做table鎖定表頭的 table 外套的div加 detect scroll onscroll handlescroll event public handlescroll event scrolle...

bootstrap中2個modal彈框

bootstrap的modal 1上彈出modal 2,或者modal 1上彈出乙個iview的確認框 借鑑1自 借鑑2自 然後將對應的第乙個modal 1的id,以及觸發彈出modal 1 的方法中,將對應的設定z index的方法加上 showmodalone function data on ...