码迷,mamicode.com
首页 > 其他好文 > 详细

Ionic 自定义组件中使用 Ionic 官方组件

时间:2018-04-15 13:37:26      阅读:247      评论:0      收藏:0      [点我收藏+]

标签:报错   index   style   nts   解决   插入   解决方案   form   dex   

问题起因:

  在项目目录中使用 ionic g component SearchBar 加入一个新的自定义组件并在 html 中插入代码:

1 <div>
2   <ion-searchbar
3     [(ngModel)]="myInput"
4     showCancelButton="true"
5     placeholder="输入代码或简称"
6   ></ion-searchbar>
7 </div>

  此时运行报错 ion-searchbar is not a known elements。经过一翻搜索之后找到可行的解决方案如下:

  在 components.module.ts 的头部加入:

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

  然后在 NgModule 的 imports 段中加入:

1 BrowserModule, IonicModule.forRoot(SearchbarComponent)

  然后保存好再重新运行,即可看到正确的结果。

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

Ionic 自定义组件中使用 Ionic 官方组件

标签:报错   index   style   nts   解决   插入   解决方案   form   dex   

原文地址:https://www.cnblogs.com/rexfield/p/8846862.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!