ember.js - 控制器动作中的访问模型？

Question

我正在使用表单编辑一个对象，并希望从绑定到提交按钮的控制器操作中保存更改的对象。我不想将值直接绑定到模板。

这是admin/edit.hbs

<form>
    <label>Title
      <input name="title" type="text" {{ bind-attr value=title }} />
    </label>
    <label>Permalink
      <input name="permalink" type="text" {{ bind-attr value=permalink }} />
    </label>
    <label>Post
      {{textarea value=body cols="80" rows="12"}}
    </label>
  <button {{ action 'submitAction' }}>Submit</button>
</form>

这是控制器admin/edit.hbs import Ember from 'ember'；

export default Ember.ObjectController.extend({    
  actions: {
      submitAction: function() {
        var newTitle = this.get('title');
        // how to access the model here?
      }
    }
});

Answer 1

假设您想要的模型当前是您的模型ObjectController，您可以执行以下两项操作之一：

1. 直接获取模型：

   submitAction: function() {
       var model = this.get('model');
   }
   

2. 将其传递给模板中的处理程序：

   // admin/edit.hbs
   <button {{action 'submitAction' model}}>Submit</button>
   
   // admin/edit.js
   submitAction: function(model) {
   
   }
   

Answer 2

在ObjectController中，模型存储为…… model。您可以像这样访问它：

var model = this.get('model');
model.set('title', newTitle);

如果您不使用ObjectController自动绑定get和set调用对象的功能，您可能不应该使用ObjectController. 您列出的代码将title直接从输入字段设置您的模型。