ionic自定义component

简介: 在ionic3.x中自定义component

例如要自定义一个component:
用于显示一个有固定结构的item组成list
假设这是我们要的一个item的效果:

H1Header

item1
item2
item3

1.在终端中执行:ionic g component MyComponent
执行后src目录中会出现components目录,其中有我们刚刚建立的my-component目录,打开后有scss、ts、html和module.ts文件如图(图中这个组件的名字叫ChapterList)
src:
_2017_06_22_21_30_10
my-component.html:
_2017_06_22_21_34_02
my-component.ts:
_2017_06_22_21_35_52

相关文章
|
6月前
Please use ‘App‘ component instead.报错问题解决
Please use ‘App‘ component instead.报错问题解决
429 0
|
缓存 资源调度
umi 解决找不到antd组件库中组件的路径问题 filePath not found of antd/es/float-button
umi 解决找不到antd组件库中组件的路径问题 filePath not found of antd/es/float-button
310 0
|
3月前
|
JavaScript API
Vue3 运行可以,build 打包发布报错,app.config.globalProperties 用法坑
Vue3 运行可以,build 打包发布报错,app.config.globalProperties 用法坑
89 2
|
5月前
|
设计模式 前端开发 JavaScript
约束性组件( controlled component)与非约束性组件( uncontrolled component)
约束性组件( controlled component)与非约束性组件( uncontrolled component)
|
6月前
|
JavaScript 前端开发 程序员
功能组件( Functional Component )与类组件( Class Component )如何选择?
功能组件( Functional Component )与类组件( Class Component )如何选择?
48 0
|
6月前
|
前端开发
最新版本create-react-app 如何使用css-module
最新版本create-react-app 如何使用css-module
49 0
|
6月前
|
编解码 JavaScript 编译器
【Vue warn】If this is a native custom element, make sure to exclude it from component resolution ……
【Vue warn】If this is a native custom element, make sure to exclude it from component resolution ……
Vuejs:component动态组件的使用示例
Vuejs:component动态组件的使用示例
153 0
Vuejs:component动态组件的使用示例
|
JavaScript API
component_vue3选项api
component_vue3选项api
|
前端开发
React Native 加载base64图片
const {base64Image } = this.props; let baseImg=`data:image/png;base64,${base64Image}`;
2639 0