Angular template expression language是對JavaScript語法的增強和補充。

pipe operator

用法和操作系統里講到的管道類似。

例子：

Title through uppercase pipe: {{title | uppercase}}

pipe工作時也允許傳入參數：

Manufacture date with date format pipe: {{item.manufactureDate | date:'longDate'}}

json pipe對調試很有用：

Item json pipe: {{item | json}}

safe navigation operator

下面的html代碼，如果屬性nullItem為null，
The null item name is {{nullItem.name}}

Angular在渲染時會拋出異常：

TypeError: Cannot read property ‘name’ of null.

解決方案：

The null item name is {{nullItem?.name}}

這樣當Angular檢測到nullItem為null時，會停止對表達式的evaluation，這樣不會導致view的渲染出錯。

@any function

<p>The item's undeclared best by date is: {{$any(item).bestByDate}}</p>

上面的$any可以避免Angular編譯器報錯：bestByDate is not a member of the item object

總結

以上是生活随笔為你收集整理的Angular Template expression operators介绍的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。