Question

我的表单中有一个金额字段，在我的控制器中提交后，我乘以100。问题是视图在继续下一页之前呈现乘法。我怎么能避免这种情况？更一般地说，如何在视图提交后阻止视图显示修改后的值？

我在后端使用带有rails的ember.js，但我认为这更像是一个MVC问题。

这是观点：

{{input value=model.amount mask="999[999].99"
        classNames="form-control" placeholder=(t 'transactions.amount')}}

这是控制器：

  actions: {
create: function() {
  var _this = this;
  var model = this.get('model');

  model.set('amount', model.get('amount') * 100);

  model.save().then(function(transaction) {
    _this.get('target').transitionToRoute(_this.get('destination'), transaction.get('id'));
  }, function(response){
    _this.set('errors', response.errors);
  });
}

}

Answer 1

使用计算属性是一个很好的例子，你将在模板中使用它：

displayAmount: function(key, value, previousValue) {
    // setter
    if (arguments.length > 1) {
      this.set('amount', value * 100);
    }

    // getter
    return this.get('amount') / 100;
  }.property('amount')

计算属性的语法将很快改变，因此您可能需要此版本：

displayAmount: Ember.computed("amount", {
  get: function() {
    return this.get("amount") / 100;
  },
  set: function(key, amount) {
   this.set("amount", amount * 100);
  }
})

MVC控制器在提交后更改输入字段

1 个答案: