問(wèn)題起因：

　　在項(xiàng)目目錄中使用 ionic g component SearchBar 加入一個(gè)新的自定義組件并在 html 中插入代碼：

1 <div> 2 <ion-searchbar 3 [(ngModel)]="myInput" 4 showCancelButton="true" 5 placeholder="輸入代碼或簡(jiǎn)稱(chēng)" 6 ></ion-searchbar> 7 </div>

　　此時(shí)運(yùn)行報(bào)錯(cuò) ion-searchbar is not a known elements。經(jīng)過(guò)一翻搜索之后找到可行的解決方案如下：

　　在 components.module.ts 的頭部加入：

1 import { BrowserModule } from "@angular/platform-browser"; 2 import { IonicModule } from "ionic-angular";

　　然后在?NgModule 的 imports 段中加入：

1 BrowserModule, IonicModule.forRoot(SearchbarComponent)

　　然后保存好再重新運(yùn)行，即可看到正確的結(jié)果。

原文參考地址：http://www.ionic.wang/article-index-id-113.html

轉(zhuǎn)載于:https://www.cnblogs.com/rexfield/p/8846862.html

總結(jié)

以上是生活随笔為你收集整理的Ionic 自定义组件中使用 Ionic 官方组件的全部?jī)?nèi)容，希望文章能夠幫你解決所遇到的問(wèn)題。

如果覺(jué)得生活随笔網(wǎng)站內(nèi)容還不錯(cuò)，歡迎將生活随笔推薦給好友。