0

私はこのposts.hbsを持っています:

{{#each model as |post|}}
    <a href="#" {{action 'openWriteModal' post}}>

      <h3>{{post.title}}</h3>
          {{post.text}}
          {{post.author.name}}
    </a>
{{/each}}

次に、write-modal.hbsを開きます。

{{input value=model.title size="40" escape-press='close'}}

{{model.author.name}}

{{input value=model.text size="70" escape-press='close'}}

<button {{action 'close'}}>Close</button>
<button {{action 'save' model}}>Save</button>

さて、これは私のcomponents/write-modal.jsです:

export default Ember.Component.extend({

  actions: {

    close: function() {
      return this.sendAction('close');
    },

    save(model) {
        model.set("text", model.get("text"));
        model.save().then(this.sendAction('close'));
    }
  }
});

ここにposts.jsがあります：

export default Ember.Route.extend({

    model() {
        return this.store.findAll('post');
    },

  actions: {
    openWriteModal(post) {

      return this.render('modal', {
        outlet: 'modal',
        into: 'application',
        model: this.store.findRecord('post', post.id, { reload: true }),
        controller: 'application'
      });
    },

    closeWriteModal() {

      return this.disconnectOutlet({
        outlet: 'modal',
        parentView: 'application'
      });
    },

    saveWriteModal(model) {

      model.save();
},

......

  model(params) {
    return this.store.query('post', params);
  }

});

私のapplication.hbsで：

{{outlet}}

{{outlet "modal"}}

最後にmodal.hbs :

{{write-modal model=model close='closeWriteModal' save='saveWriteModal'}}

しかし、私はこのエラーを受け取りました:「Uncaught TypeError: 未定義のプロパティ 'save' を読み取ることができません」

これを修正する方法は？

4

1 に答える 1

0

「POST」レコードを引数として送信しています

{{#each model as |post|}}
    <a href="#" {{action 'openWriteModal' "----post----"}}>  

      <h3>{{post.title}}</h3>
          {{post.text}}
          {{post.author.name}}
    </a>
{{/each}}

これはエンバーレコードです。そして、まったく同じ POST を見つけようとしています

使用する代わりに (DS レコード インスタンスではなく「directory/model_name」を指定する必要があります)

 model: this.store.findRecord('post', post.id, { reload: true }),

使用する

return this.render('modal', {
    outlet: 'modal',
    into: 'application',
    model: post
    controller: 'application'
  });

これが問題に役立つかどうかわからない場合は、お知らせください。

于 2015-09-30T18:38:02.147 に答える