ionic学习(一):创建组件并引用

ionic学习(一)--(四)是按照视频《Ionic3视频教程-Ionic3仿京东商城项目入门实战-大地》四节试听课和ionic2的一些视频

后续视频是按照《Ionic3从入门到实战开发跨平台问答社区》相关视频做的笔记


ionic学习(一):创建组件并引用_第1张图片


1.创建组件:命令行创建组件:ionic g component 组件名称

ionic学习(一):创建组件并引用_第2张图片

2.引用组件:

ionic学习(一):创建组件并引用_第3张图片

ionic学习(一):创建组件并引用_第4张图片

显示如下:

ionic学习(一):创建组件并引用_第5张图片


若要实现循环:

引入ngFor的函数BrowserModule

ionic学习(一):创建组件并引用_第6张图片

构造函数:

ionic学习(一):创建组件并引用_第7张图片

调用:

ionic学习(一):创建组件并引用_第8张图片

显示:

ionic学习(一):创建组件并引用_第9张图片

备注:

如果出现:

1. If 'actionsheet' is an Angular component, then verify that it is part of this module.

2. To allow any element add 'NO_ERRORS_SCHEMA' to the '@NgModule.schemas' of this component. 

重启服务器!!


你可能感兴趣的:(ionic)