Angular v12 is now available
BRANK

It’s that time again, friends — we’re back with a new release and we can’t wait to share all the great updates and features waiting for…

blog.angular.io
Related Topics: Angular
1 comments
  • Angular v12がリリース!「Ivy Everywhere」に向け前進、Nullish Coalescingをテンプレート内で利用可能に!

    本日(日本時間2021-05-13)、Angularの最新バージョンであるv.12がリリースされました。

    主な変更点は以下の通りです。

    「Ivy Everywhere」に向けて大きく前進

    Ivyをデフォルトのビューエンジンとし、既存のビューエンジンは非推奨に。
    既存のビューエンジンを前提としたライブラリは書き換えが必要になりますが、一般の開発者には影響ありません。

    テンプレート内でNullish Coalescingを利用可能に

    Nullish Coalescingというのは、「nullもしくはundefinedじゃなければ○○、そうじゃなければ××」という、JavaScriptでは頻出するロジックを ?? という演算子でシンプルに書けるようにするというものです。

    TypeScriptでは随分前から利用できるようになっていましたが、この度Angularのビューテンプレート内でも利用可能になりました!

    具体的には以下のようなコードを

    {{age !== null && age !== undefined ? age : calculateAge() }}
    {{ age ?? calculateAge() }}

    のようにシンプルに書くことができます。

    インラインスタイル内でSassを利用可能に

    以前は外部のテンプレートファイル内でしかSassの利用に対応していませんでしたが、 @Component デコレータの styles 属性内でもSassを利用可能になりました。

    その他の変更点

    ほかにも、i18nやProtoractor周りで変更があります。
    詳しくは原文を当たってみてください。

    ちなみにTechFeedは、かなりレガシーなAngularを使っていて、だいぶ引き離されちゃってます…どっかのタイミングで大幅アップデートしないとな…