#2 內建的助手

英文原版:https://guides.emberjs.com/v2.13.0/templates/built-in-helpers/

內建的助手

在上一節我們瞭解到瞭如果來自定義一個助手。助手通常是一些在模版中隨時都可能用到的簡單邏輯。Ember提供了一些助手來幫你減輕一些開發的工作量。這些助手會幫你通過更動態的方式來給其他的助手或者組件中傳值。

通過助手來動態得到屬性

{{get}}助手可以幫你輕鬆把變量的值傳到其他的助手或組件中。如果你想將某個基於計算屬性的結果輸出,那這是很有用的。

{{get address part}}

如果計算屬性 “part“ 返回“zip“,那麼助手將會返回this.get(‘address.zip’) 的結果。

內建助手的嵌套使用

在上節我們瞭解到助手也可以嵌套使用。這可以與動態取值的助手結合使用。例如,{{concat}}助手可以方便的並且動態的將若干參數拼接起來後再發送給別的助手或組件。

{{get "foo" (concat "item" index)}}

上面的代碼,當index值爲1時,展示的結果等同於執行: this.get(‘foo.item1’);當index值爲2時,展示的結果等同於執行:this.get(‘foo.item2’);

本節完

發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章