使用一个控制器编辑模型集合

时间:2013-11-27 11:14:08

标签: ember.js

我有一个模板,允许我编辑用户的设置。在用户设置中,我的模型是实际用户。我在用户设置之间有1-N关系:

{{#if isEditing}}
    <button {{action 'doneEditing'}}>Done</button>
{{else}}
    <button {{action 'edit'}}>Edit</button>
{{/if}}
<h1>Settings</h1>
  {{#each this.setting}}
      {{#if isEditing}}
          {{name}}: {{view Ember.TextField valueBinding='value'}}
      {{else}}
          {{name}}: {{value}}
      {{/if}}
  {{/each}}

问题是,如果单击“编辑”按钮,“编辑”状态仅在此处进入主控制。所以我的按钮发生了变化,但在循环中,Textfield没有出现。

App.UserController = Ember.ObjectController.extend({
    isEditing: false,
    actions: {
        edit: function(){
            this.set('isEditing', true);
        },
        doneEditing: function(){
            this.set('isEditing', false);
        },
    }
});

(我的循环中的SettingItems没有特定的控制器)

我该如何处理这种情况?

1 个答案:

答案 0 :(得分:1)

是的,你绝对可以做到。

http://emberjs.jsbin.com/uwENUbeh/3/edit