この文書の現在のバージョンと選択したバージョンの差分を表示します。
両方とも前のリビジョン 前のリビジョン 次のリビジョン | 前のリビジョン | ||
ionic4での変更点 [2018/09/13] adash333 [リンク] |
ionic4での変更点 [2018/10/07] (現在) |
||
---|---|---|---|
ライン 80: | ライン 80: | ||
</ion-toolbar> | </ion-toolbar> | ||
</code> | </code> | ||
+ | |||
+ | |||
+ | ionic3 | ||
+ | <code> | ||
+ | <ion-item> | ||
+ | <ion-input type="password" placeholder="Password"></ion-input> | ||
+ | <button clear item-right>Forgot</button> | ||
+ | </ion-item> | ||
+ | </code> | ||
+ | |||
+ | ionic4 | ||
+ | <code> | ||
+ | <ion-item> | ||
+ | <ion-input type="password" placeholder="Password"></ion-input> | ||
+ | <ion-buttons slot="end"> | ||
+ | <ion-button>Forget</ion-button> | ||
+ | </ion-buttons> | ||
+ | </ion-item> | ||
+ | </code> | ||
+ | |||
+ | |||
+ | |||
===== ion-navbarがion-toolbarに変更 ===== | ===== ion-navbarがion-toolbarに変更 ===== | ||
上記のコードを参考にしてください。 | 上記のコードを参考にしてください。 | ||
+ | |||
+ | ===== RxJS5からRxJS6に変更 ===== | ||
+ | |||
+ | 非同期通信のためのRxJSですが、大幅変更が行われています。 | ||
+ | |||
+ | [[RxJS6(Ionic4-Angular6)での変更点]] | ||
===== PWA化が面倒に ===== | ===== PWA化が面倒に ===== | ||
ionic3では、index.htmlの一部分のコメントを外すだけでPWA化できたのですが、コマンドブロンプトで、@angular/pwaをインストールする必要があります。 | ionic3では、index.htmlの一部分のコメントを外すだけでPWA化できたのですが、コマンドブロンプトで、@angular/pwaをインストールする必要があります。 |