灰燼插入在車把模板中的href標記

我試圖做一個簡單的鏈接到谷歌地圖插入到href字段中的動態地址。我已經嘗試了下面的代碼加上噸的其他亂搞沒有運氣。如何在handlebars href字段中插入動態的ember字符串？灰燼插入在車把模板中的href標記

我使用的是餘燼，欄杆和把手。我知道如何使用bindAttr，如果我有我的模型存儲的整個url，但我只有地址。如果我可以在視圖中調用一次，那麼將Google網址與每個模型放在一起似乎都是不必要的。

<h1>{{name}}</h1> 
<div> 
    <p><a {{bindAttr href='http://maps.com/?1=address'}}>{{address}}</a></p> 
</div> 

<h1>{{name}}</h1> 
<div> 
    <p><a href='http://maps.google.com/?q={{address}}'>{{address}}</a></p> 
</div>

我來修復它

App.Location = DS.Model.extend(
    name: DS.attr('string', defaultValue: "") 
    address: DS.attr('string', defaultValue: "") 
    fullAddress: (-> 
    "http://maps.google.com/?q=#{@get('address')}" 
).property('address') 
)

來源

2013-07-11 Garrett Boone

你可以做這樣的事情，看到demo。

基本上，你可以創建一個公共屬性Mixin，然後在你的模型中混合它。例如：

App.BaseModel = Ember.Mixin.create({ 
    base: 'http://maps.google.com/?q=', 
    fullAddress: function(){ 
    return this.get('base') + this.get('address'); 
    }.property('address') 
}); 

App.MyModel = DS.Model.extend(App.BaseModel, { 
    name: DS.attr('string'), 
    address: DS.attr('string') 
});

所以，你可以在以後使用它的模板是這樣的：

{{#each model}} 
<h1>{{name}}</h1> 
    <div> 
    <p><a {{bind-attr href='fullAddress'}}>{{address}}</a></p> 
    </div> 
{{/each}}

希望它能幫助。

來源

2013-07-11 13:28:52 intuitivepixel

謝謝！你絕對指出我正確的方向。這是我第一次一起使用所有這些技術。 Rails，Ruby，Ember，Coffeescript，Handlebars，所以我仍然有點困惑如何構建一切，但我用我添加到問題中的代碼修復了它。再次感謝！ –

@GarrettBoone我很高興我可以幫助，隨時在這裏發佈更多的問題，所以我相信他們得到成功的答案:) – intuitivepixel

@intuitivepixel jsbin不工作。（不渲染模板） –

灰燼插入在車把模板中的href標記

回答

相關問題