EmberJS-更改對象屬性的顯示方式（與路線的控制器無關）

Question

在我的Ember應用程序中，我有一個名為Item的對象模型，其屬性為“ price”，其中包含一個浮點值，例如20.5。 當我在模板{{price}}中使用該屬性時，我希望其格式如下：$ 20.50。

該對象不是在路徑上與控制器綁定的模型，而是Ember數組中的一個元素，稱為item，這是路徑上模型的屬性。 所以我的模板中有這樣的內容：

{{#each item in items}}
  {{item.price}}
{{/each}}

這個問題看起來很簡單，但是我找不到真正的解決方案。 我的想法是，我不想更改屬性的名稱以使其看起來像我想要的樣子，因為我可以創建一個計算價格屬性格式的計算屬性，但是隨后我必須在屬性中使用新名稱。模板。

Answer 1

您可以做的是編寫自己的自定義車把助手。 對於您的用例，它看起來像這樣：

Ember.Handlebars.registerBoundHelper('formatNumber', function(value) {
  return "$" + value.toFixed(2);
});

然后以這種方式在模板中使用它：

{{#each item in items}}
  {{formatNumber item.price}}
{{/each}}

請在這里查看可用的jsbin 。

希望能幫助到你。