2014-01-07 63 views
0

我不能为我的生命弄清楚为什么这是不行的。也许这很明显,但我一直盯着它太久了。烬{{输入}}帮手不工作

我希望{{输入}}预先填入标题的值,标签被正确填写...

<ul> 
     {{#each}} 
     <li> 
     {{input type="text" value=Title }} 
      <label>{{Title}}</label> 
     </li> 
     {{/each}} 
    </ul> 

这里有一个Gist

这里的JavaScript:

window.App = Ember.Application.create({ 
    LOG_TRANSITIONS: true 
}); 

App.ApplicationAdapter = DS.FixtureAdapter.extend(); 

App.Router.map(function() { 
    this.resource('Kids', { path: '/' }); 
}); 

App.KidsRoute = Ember.Route.extend({ 
    model: function() { 
     return this.store.find('Kid'); 
    } 
}); 

App.Kid = DS.Model.extend({ 
    Title: DS.attr('string'), 
    Age: DS.attr('number') 
}); 

App.Kid.FIXTURES = [  
    {   
    id: 0,   
    Age: 5,   
    Title: "Joe"  
    },  
    {   
    id: 1,   
    Age: 9,   
    Title: "Max"  
    } 
]; 

回答

1

似乎有一个小错误与{{input}}。问题在于标题被大写。我得到了它在这bin工作。 我建议用小字母总是开始您的属性名称。这是一种约定。大多数情况下你会遇到这种与你的风格相反的风格。

这些都是我提出来获得改变它的工作:

1 - 添加一个别名称号,这是不大写:

App.Kid = DS.Model.extend({ 
    Title: DS.attr('string'), 
    Age: DS.attr('number'), 
    title : Ember.computed.alias("Title") 
}); 

2 - 使用uncapitalited版本助手:

{{input type="text" value=title }}