ionic小笔记.txt

1.ionic组件使用：（1）命令创建组件；
          （2）在要使用的页面文件引入公共组件，在@NgModule中使用
   imports进行注册

2.@NgModule:     (1)   declarations:[...]----模块内部Components/Directives/Pipes的列表,(自己写的指令需要放置在此类中)；
          （2） imports：导入其他module，（HttpModule，BrowserModule），还有路由配置（IonicModule.forRoot(MyApp,{},router) ）；
             （3） exports：用来控制将哪些内部成员暴露给外部使用；
          （4） providers：指定应用程序的根级别需要使用的service。（包括自己写的service.ts）；
          （5） bootstrap：app启动的根组件.

3.百度地图api：     BfsaZqeniGDBe0m20TpVPvXgo1iezFzn.（已失效！）

4.ionic4创建3命令：ionic start tabTest --type=ionic-angular.

5.页面跳转：         ①this.navCtrl.push('PushPage',{id:123})  （里面的第一个参数是：参数名，第二个参数是：参数值）；
            接参数：this.id=this.navParams.get('id')  注意需要先引入NavParams，在构造器中声明；
            ②this.navCtrl.popToRoot()直接跳转至当前根组件.


6.案例演示：
<input type="text" style="width: 100px; height: 34px;" (input)="onInput()">

<input type="text" style="width: 100px; height: 34px;" (change)="onChange()">

<input type="text" style="width: 100px; height: 34px;" [(ngModel)]="inputStr" (ngModelChange)="onNgModelChange()">
触发条件：

Input: 输入字符时触发（不包含功能性按键， enter， control 等)
Change: 失去焦点且当前的值跟上次触发的值不同  或者  enter键被触发且当前的值跟上次触发的值不同
ngModelChange: 它的触发条件和input事件的触发条件是一样的，只是它需要和 [(ngModel)] 配合使用.