2

ここでは、すべてのコンポーネントをまとめて目的のビューを生成しようとして、ぐるぐる回っています。ダイヤルを微調整してすべてに焦点を合わせる必要があるかのように感じますが、現時点ではそれが私をほのめかしています.

Person と Address の 2 つのモデルがあり、そのために 2 つのテンプレートを作成しました。次に、これら 2 つのテンプレートを別の「メイン」テンプレートにレンダリングします。現時点では、最初に一般的な原則を理解したいので、とにかくそれらをリンクしていません (最終的には 1 人が多くのネストされたアドレスを持つことになります)。

2 つのテンプレートは App.Router.map を使用して個別に機能します

this.resource('listOfPeopleTemplate', { path: '/' });

また

this.resource('listOfAddressesTemplate', { path: '/' });

しかし、一緒に、または mainViewTemplate を追加して両方を追加しようとすると、次のようになります。

App.Router.map(function () {


  //this.resource('listOfAddressesTemplate', { path: '/' });
  //this.resource('listOfPeopleTemplate', { path: '/' });
  this.resource('mainViewTemplate', { path: '/' });
 });

問題は次の点に集中しているようです。

App.MainViewTemplateRoute = Ember.Route.extend({   
    renderTemplate: function() {    
        this.render('listOfPeopleTemplate', {into: 'mainViewTemplate', outlet: 'peops'});
        this.render('listOfAddressesTemplate', {into: 'mainViewTemplate', outlet: 'address'});
    }  
});

返されるエラーは、「コンセント (人) が指定されましたが、見つかりませんでした」です。および「#each がループする値は配列でなければなりません..」。Addresses と People の両方のコントローラーについて何かをする必要があるかもしれないことはわかりますが、何をすべきかわかりません。事実、私は非常に混乱しており、最初に成功したバージョンを機能させることさえできません (アドレスまたは独自のテンプレートに表示されている人)。

次のフィドルhttp://jsfiddle.net/4gQYs/4/を作成しました。私に焦点を当ててください！

4

1 に答える 1