ionic5+angular 中 modal的ngIf報錯
使用ionic5彈框,程式碼如下:
const modal = await this.modalController.create({
component: MyComponent,
componentProps: {
title: option.title || '',
},
cssClass: 'my-custom-class'
});
await modal.present();
const { data } = await modal.onDidDismiss();
return data;
然後在MyComponent中有一個ngIf指令,執行時報錯:
Can't bind to 'ngIf' since it isn't a known property
原因:
angular路由沒有載入到MyComponent所在的Module
解決方案:
1.在app.module.ts中import MyComponent所在的Module
2.在使用彈框的頁面的module.ts中import MyComponent所在的Module
相關文章
- <a-modal>開啟頁面報錯Ancestor with aria-hidden
- Vue+iview Modal元件關閉彈框之後報錯問題VueView元件
- bootstrap中的模態框(modal,彈出層)boot
- hbase中list命令報錯
- boost asio執行中報錯
- Element外掛中Select元件的報錯元件
- 【Java面試】Spring 中,有兩個 id 相同的 bean,會報錯嗎,如果會報錯,在哪個階段報錯Java面試SpringBean
- modal模態框的實現
- 日記(react modal)React
- langchain multi modal supportLangChain
- 使用 Lumen 中 predis 報錯 `AUTH` failedRedisAI
- bootstrap datepicker 在bootstrap modal中不顯示問題boot
- bootstrap modal的data-dismiss屬性boot
- Bootstrap模態框(Modal)boot
- bootstrap modal垂直居中 (轉)boot
- LLM multiple modal applicationsAPP
- VSCode中Flow報錯解決VSCode
- Jenkins中執行docker命令報錯JenkinsDocker
- JTable 在TCP傳輸中報錯TCP
- Bootstrap外掛modal原始碼的學習boot原始碼
- python的報錯Python
- JavaScript報錯型別(報錯速查)JavaScript型別
- AntDesignBlazor示例——Modal表單Blazor
- “報錯”是程式設計世界中,最簡單的事情!程式設計
- 建庫的過程中DBCA報錯,錯誤號為ORA-12547
- Laravel 中執行 PHP artisan migrate 報錯LaravelPHP
- 在KYLIN中執行查詢報錯
- SIA報告中的邏輯陷阱:美國半導體產業的“致命錯誤”產業
- 前端學習(2335):angular之內建結構指令ngif前端Angular
- Qt5.7中報錯“xxx dose not name a type”的原因;QT
- SS報錯的解決
- DG報錯的處理
- hpux的報錯日誌UX
- RAG-Multi-Modal-Generative-AI-AgentAI
- Laravel 中 sql 查詢 使用 group by 報錯問題。LaravelSQL
- onethink中thinkphp 3.2版本,thinksdk報錯PHP
- Java中List集合轉Map集合報錯:Duplicate keyJava
- @RequestBody中列舉型別值不匹配報錯型別