2017-07-12 12 views
-1

私はemberを新しくしています。私のリストが表示されない理由を理解できないようです。ここで私は、ルートページにモデルを作成するコードです:モデル情報を表示していません

import Ember from 'ember'; 

export default Ember.Route.extend({ 
    model: function(){ 
     return ['Ford', 'tesla','lexus']; 
    } 
}); 

、これが私のテンプレートページ

<h1>Cars</h1> 
<ul> 
    {{#each car in model}} 
     <li>{{car}}</li> 
    {{/each}} 
</ul> 

ですが、何らかの理由で何の情報が表示されていません。誰も私が見ていないことに気付いていますか?前もって感謝します!

<p> 
    <strong>authors: </strong> 
     {{#each authors}} 
      {{this}}, 
     {{/each}} 
</p> 
<h4>Comments</h4> 
<ul> 
    {{#each comments as comment}} 
     <li><strong>{{name}}</strong> - {{comment}}</li> 

    {{/each}} 
</ul> 

export default Ember.Controller.extend({ 
action:{ 
    sayHello: function(){ 
     alert('Hello') 
    }, 
    toggleBody: function(){ 
     this.toggleProperty('isShowingBody'); 
    }, 
    submitAction: function(){ 
     alert(this.get('name')); 
     alert(this.get('comment')); 
    } 
}, 

title: 'My Bliog Post', 
body: 'My body of work is endless i tell you', 
authors: ['william','robert','michelle'], 
created: new Date(), 
comments: [ 
    { 
     name: 'Evan', 
     comment: 'Hey what is new ' 
    },{ 
     name: 'Evan', 
     comment: 'Hey ith you' 
    },{ 
     name: 'Evan', 
     comment: 'Hey what is n' 
    } 
] 

})。

+0

フォロー燃えさしガイド。 https://guides.emberjs.com/v2.14.0/templates/displaying-a-list-of-items/古いバージョンのemberで使われている構文に従っていると思います。それは廃止され、今削除されました – kumkanillam

答えて

1

あなたは各ステートメントにエラーがあります。例えば

{{#each model as |car|}} 
{{car}} 
{{/each}} 

https://ember-twiddle.com/ed1ea81eb660a3ea2088c535961f2e2f?openFiles=templates.application.hbs%2C

+0

それはそれを助けました..しかし、私は同じ問題を持っている他のインスタンスが似ています。 @kumkanillamがコメントで言ったように私の元の投稿 – user3255746

+0

を改訂します。使用されている構文がそれぞれのステートメントで間違っています。パイプを追加する必要があります。 [更新された例](https://ember-twiddle.com/ed1ea81eb660a3ea2088c535961f2e2f?openFiles=templates.application.hbs%2C)同様に、コントローラに誤字があります:action => actionS – kubz

関連する問題