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…
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を使っていて、だいぶ引き離されちゃってます…どっかのタイミングで大幅アップデートしないとな…