Ember.js：视图输入和模型之间的关系

Question

我是 Ember.js 的新手，但精通 MVC 和 Backbone（甚至 cocoa 和 smalltalk），但出于某种原因，Ember 坚持其高度模糊和不一致的 API 使我无法理解 1)绑定和 2) 这与持久记录有何关系。

我有一个有输入的视图。我知道。我有一个属于控制器的模型。我知道。我不明白视图如何知道（或应该知道）控制器，并且我不明白当我准备将它推送到后端时模型如何将我输入到视图中的文本（表面上与.save()）。这些应该是 Ember 喘不过气来抽象出来的样板样式的东西，但我发现我必须通过 Ember.js 源代码才能了解到底发生了什么。

我已经阅读了文档，他们的示例太做作以至于无法使用（仅提供最基本的示例，当我们谈论“雄心勃勃的网络应用程序”时，这是毫无意义的，ember 声称 是 为）。

需要注意的是，我们在内部使用了 ember-data，并且这个特定的路由有多个视图、控制器和模型。

Answer 1

假设您在索引模板中有一个输入：

<script type="text/x-handlebars">
     {{input type="text" value=name}}
</script>

Ember 自动将App.IndexController 绑定到此模板，并将控制器的 name 属性绑定到输入字段的 value 属性。随着输入中的值发生变化，它将在控制器中自动更新。当您准备好将其保存在模型中时，您可以在操作中访问该属性。

App.IndexController = Ember.ObjectController.extend({
    actions: {
        save:function() {
            var name = this.get('name');
            var model = this.store.createRecord('item');
            item.set('name',name);
            item.save();
        }
    }
});

这将触发对/items 的发布请求以存储该项目。

如果您有更具体的示例，我可以尝试向您展示其工作原理。