ionic3项目实战教程四（创建自定义directive、带参directive、下拉刷新ion-refresher、上拉加载ion-infinite-scroll）

前言

• 看到一种说法，angular是一个框架，而react和vue只是一个库而已。虽然不敢苟同，但深入学习之后感觉angular确实相当牛皮。

一、创建directive，带参directive

1.ionic g directive noDblClick //创建一个名为noDblClick的自定义指令
2.修改home.html和no-dbl-click.ts丰富功能

//home.html
<ion-header>
  <ion-navbar>
    <ion-title>Home</ion-title>
  </ion-navbar>
</ion-header>

<ion-content padding>
  <h2>{
   {
   msg}}</h2>
  <button ion-button class="btn-login" color="secondary" *ngIf="!isLogin" (click)="goLoginPage()">去登录页面</button>
  <button ion-button class="btn-login" *ngIf="isLogin" (click)="logout()">退出登录</button>
  <button ion-button no-dbl-click>测试指令不带参数</button>
  <button ion-button no-dbl-click="green">测试指令</button>
  <ion-list>
    <ion-item *ngFor="let item of list">
      <ion-avatar item-left>
        <img [src]="item?.url">
      </ion-avatar>
      <h2>{
   {
   item?.title}}</h2>
      <p>{
   {
   item?.url}}</p>
      <button ion-button clear item-right>查看详情</