在bindAttr中应用函数

Question

我需要将一个函数应用于属性值。我使用以下代码将其与输入框绑定。

{{bindAttr value="ticket.t_date"}}

我有一个帮助函数如下

Ember.Handlebars.helper('date', function(unixDate){ return unixToDate(unixDate); });

我需要在bindAttr中使用这个函数。

Answer 1

在bind-attr内调用助手是不可能的，但你可以用另一种方式来做，在模型类上定义一个计算属性，它使用你的日期格式化助手函数作为普通函数调用：

App.Ticket = DS.Model.extend({
  t_date: DS.attr('string'),
  formattedDate: function () {
    return unixToDate(this.get('t_date'));
  }.property('t_date')
});

然后使用formattedDate中的bind-attr：

{{#each ticket in model}}
  <input type="text" {{bindAttr value="ticket.formattedDate"}}></input>
{{/each}}

请参阅此处，了解我的意思：http://jsbin.com/UfiSote/5/edit

更新以回应您的评论

是的，您可能需要绑定到ticket属性：

App.MyController = Ember.ObjectController.extend({
  ticket: null,
  formattedDate: function () {
    return unixToDate(this.get('ticket.t_date'));
  }.property('ticket')
});

希望它有所帮助。