numaralı şablon verileri iletildi gözlenebilir bir dizi ile bir görünüm modelim var. Bazı json ile Onun nüfuslu: bir sonucu olduğu bir elemanın metin veri bağlamakknockout template - bir işleve bağlanan metne,
<ul id="tiles-ul" data-bind="template: {name:'twitter_template', foreach:socialTiles}">
<script type="text/html" id="twitter_template">
<li class="social-tile box-shadow">
<div class="header">
<div class="header-img">
<img data-bind="attr: { src: actor.avatar}">
</div>
<div class="name_and_time">
<span class="full-name" data-bind="text: actor.title"></span>
<span class="twitter-name" data-bind="text: actor.id"></span>
<span class="how-long-ago" > 5 minutes ago </span>
</div>
</div>
<div class="message-content" data-bind="html: object.content">
</div>
<div class="footer">
<div class="social-icon-twitter">
</div>
</div>
<span data-bind="text: $index"></span>
</li>
</script>
id nasıl:
this.socialTiles = ko.observableArray([]);
ko.computed(function() {
jQuery.getJSON(this.apiURL+"&callback=?", function (data) {
var theData = data.entries;
tilesModel.socialTiles(theData);
console.dir(theData);
});
}, tilesModel);
modelinde her bir öğe için, i şablonu kullanarak bir li inşa argüman olarak kullanılan modeldeki mevcut verilerle bir işlev. örnek:
actor.id bir işleve o dizeyi geçmek ve bir '#iamdiddy' temsilini dönmek için
i istiyorum ("http://twitter.com/iamdiddy" gibi) bir kullanıcının twitter url içeren bir dizedir. görünüm modeli bunu yapabilirim (argüman olan bir işlevi çağırmak, ... # çıkarılamadı) nasıl
function getTwitterTag("twURL"){
return ... whatever;
}
yılında
<span class="twitter-name" data-bind="text: getTwitterTag(actor.id)"></span>
? Nakavt bu işlevselliği destekliyor mu?
$ root.getTwitterTag (actor.id) işe yaramadı, ama ne çalışma yaptı neyse cevabı kabul $, root.getTwitterTag ($ veri) idi çünkü doğru çözümü bulmamı sağladı – nuway