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

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

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


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


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

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

2.引用组件:

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

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

显示如下:

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


若要实现循环:

引入ngFor的函数BrowserModule

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

构造函数:

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

调用:

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

显示:

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

备注:

如果出现:

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. 

重启服务器!!