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
- 對antd的Modal改造
- Element外掛中Select元件的報錯元件
- langchain multi modal supportLangChain
- LLM multiple modal applicationsAPP
- 【Java面試】Spring 中,有兩個 id 相同的 bean,會報錯嗎,如果會報錯,在哪個階段報錯Java面試SpringBean
- VSCode中Flow報錯解決VSCode
- Bootstrap模態框(Modal)boot
- AntDesignBlazor示例——Modal表單Blazor
- python的報錯Python
- 前端學習(2335):angular之內建結構指令ngif前端Angular
- 解決select2 在modal中搜尋框無效的問題
- Bootstrap外掛modal原始碼的學習boot原始碼
- Oracle DBLink中CLOB報錯ORA-22992Oracle
- 在KYLIN中執行查詢報錯
- Laravel 中執行 PHP artisan migrate 報錯LaravelPHP
- JavaScript報錯型別(報錯速查)JavaScript型別
- “報錯”是程式設計世界中,最簡單的事情!程式設計
- vscode中關於eslint的各種報黃線錯誤VSCodeEsLint
- RAG-Multi-Modal-Generative-AI-AgentAI
- SS報錯的解決
- BigDecimal的divide方法報錯DecimalIDE
- Jtti:linux中vboxmanage報錯怎麼解決JttiLinux
- vue中報錯:[vuex] module namespace not found in mapActions(): comment/Vuenamespace
- onethink中thinkphp 3.2版本,thinksdk報錯PHP
- python3中 print不加括號報錯!Python
- 關於Xcode10中libstdc報錯問題的解決XCode
- 淺談 PHP 中的 Trait 使用方法,報錯如何解決PHPAI
- IDEA中的.VUE檔案報錯 Export declarations are not supported by current JavaScript versionIdeaVueExportJavaScript
- springcloud報錯報UnsatisfiedDependencyExceptionSpringGCCloudException
- redis報錯Redis
- hive 報錯Hive
- spark報錯Spark
- dhcp報錯
- 報錯+2
- 前端報錯前端