[Coding] NG4-Use Primng in angular4

會想要使用這個 UI 套件的原因是在寫 CanDeactivate guard 時遇到了 confirm會跳兩次的問題…

後來遍尋 google 大師,發現原來是 @angular/router的bug,目前看到大家解法大多是另外用 UI 套件 call custom confirm box,或 Promise 或Observe包起來,但是後面兩個方法我怎麼嘗試都還是會跳兩次,所以就跟著用了 Primng了...

但是只要 import Primng 後就會出現 “Unexpected token <”這個問題,這是因為使用 Primng 的 ConfirmationService 會用到他自訂的 tag,所以要先在 module.ts 裡 import ConfirmDialogModule,後來又會出現找不到 animations 的錯誤訊息,所以要連 @angular/animations 也要安裝才行…

再來...如果用的是 Multiple Modules 的架構的話,可能會遇到要 import BrowserAnimationsModule 但是他會一直鬼打牆說已經 import BrowserModule 了,要把有需要用到 BrowserModule 的地方都改成 CommonModule,這時候只要把 BrowserAnimationsModule 跟 BrowserModule 都放 module.ts 就可以了。

Show your support

Clapping shows how much you appreciated Ann,Stone’s story.