Ember：モデルフックルートにストアでモデルが設定されていません

Question

私がやっていることは、モデルデータをテンプレートにレンダリングすることです。 モデルフックを設定すると、{{model}}オブジェクトは対応するテンプレートのデータを表示しません。 ここに私のコードです：

接触（ルート）：

user: Ember.inject.service('current-user'), 

    model: function() 
    { 
     // var that = this; 
     // console.log('whats being returned bitch: ', this.store.findRecord('contact', this.get('user').contactID)); 
     //return this.store.findRecord('contact', this.get('user').contactID); 
     var records = this.store.findRecord('contact', this.get('user').contactID); 
     var promise = Ember.RSVP.defer(); 
     // console.log('promise', promise.resolve()); 
     // records.addObserver('isLoaded', function() { 
     // // console.log('records.getv', records); 

      promise.resolve(records); 
     //}); 
     return promise; 
    }, 
    setupController: function(controller) 
    { 
     // Get the parameters for the current route every time as they might change from one record to another 
     var params = this.paramsFor('dashboard.contact'); 
     console.log('params', params); 
     // Set the data in the current instance of the object, this is required. Unless this is done the route will display the same data every time 
     this.module = Ember.String.capitalize(params.module); 

     this.id = params.id; 
     this.data = this.store.find(this.module,this.id); 

     // Set the data in the controller so that any data bound in the view can get re-rendered 
     controller.set('id',this.id); 
     controller.set('model',this.data); 
     controller.set('module',this.module); 
    } 
}); 

まず私はちょうどthisをしようとしていたが、それはデータを表示していなかった、それから私は（thisのような）約束を延期し、それを解決しようとしたし、最終的に私コントローラ（setupController機能）を設定しようとしたが、それはうまくいきませんでしたどちらかのparamsので、何らかの理由で空になる：/

接触（テンプレート）：

<h1> Contact! </h1> 
{{#each model as |contact|}} 
    <h3>{{contact.name}}</h3>  
    <h3>{{contact.password_c}}</h3> 
{{/each}} 

接触（モデル）：

import DS from 'ember-data'; 

export default DS.Model.extend({ 
    name: DS.attr('string'), 
    password_c: DS.attr('string'), 
    birthdate: DS.attr('string'), 
    assistant: DS.attr('string'), 
    account_name: DS.attr('string'), 
    email1: DS.attr('string'), 
    facebook: DS.attr('string'), 
    phone_home:DS.attr('string') 
    // address: Ember.computed('primary_address_street', 'primary_address_state', 
    //  'primary_address_city', 'primary_address_country', function() { 
    // return '${this.get('primary_address_street')} ${this.get('primary_address_state')} ${this.get('primary_address_city')} ${this.get('primary_address_country')}'; 
    // }) 
}); 

助けてください！

Answer 1

することは、これはですが、あなたのcontacts.jsルートになり、それは非常に重要な役割を持つことになりますし、我々が使うことになるのは、このルーターである

// app/router.js 
import Ember from 'ember'; 

var Router = Ember.Router.extend({ 

}); 

Router.map(function() { 
    this.route('contacts', {path: '/contacts/:contact_id'}); 
}); 

export default Router; 

し、モデル

// app/models/contact.js 

import DS from 'ember-data'; 

export default DS.Model.extend({ 
    name: DS.attr('string'), 
    password_c: DS.attr('string'), 
}); 

を想定してみましょうEmber DataのfindRecordを使用して、データストアから個々のレコードを取得します。

注：このパラメータはURLからモデルに渡されます。この投稿モデルにはcontact_idでアクセスできるIDがあります。このIDを使用して、レコードを検索して返すことができます。デフォルトでは、連絡先と同じ名前のテンプレートはこのモデルにアクセスできます。

ここでは、Ember DataのfindAllを使用します。これは、ポストデータストア内のすべてのレコードを返すだけです。

// app/routes/application.js 
import Ember from 'ember'; 

export default Ember.Route.extend({ 
    model() { 
     return this.store.findAll('contact'); 
    } 
}); 

は今

// app/templates/application.hbs 
{{#each model as |contact|}} 
    <h3>{{contact.name}}</h3>  
    <h3>{{contact.password_c}}</h3> 
{{/each}} 

私はあなたのサービスおよびすべてのコードを参照するアクセス権を持っていないとして、私はあなたがすべての連絡先を返すことができますし、また、あなたが渡すことができますどのように取得し、方法を簡素化しようとしました簡単にParam。詳細については、

：https://guides.emberjs.com/v2.7.0/tutorial/ember-data/

あなたは、私はそれはあなたの問題を解決することを願って、このコードに従ってください、あなたが希望としてカスタマイズすることができます。

UPDATE：

すでにあなたのユーザデータを持っており、それは大丈夫だ場合は、削除{{#each}} とのは、{{contact.name}}、それが動作するはずです、あなただけの必要持ってみましょう#each this.store.findAll（ 'contact'）のようなすべての連絡先がありますが、または あなたがこの{{model.name}}を持っている必要がある場合、モデルは 連絡先になります！