首页 新闻 搜索 专区 学院

knockoutjs如何bind有多个image的figure元素?

0
悬赏园豆:100 [已关闭问题] 关闭于 2013-12-30 10:03

正在使用knockout.js,请问如何bind才能产生这样的输出:

 

<figure>
    <img src="a.jpg" />
    <img src="b.jpg" />
    <img src="c.jpg" />
    ......
    .......
    <figcaption>Image title</figcaption>
</figure>
梧桐树的主页 梧桐树 | 初学一级 | 园豆:50
提问于:2013-12-29 22:14
< >
分享
所有回答(4)
0

顶顶

【秦时明月】 | 园豆:803 (小虾三级) | 2013-12-30 09:14
0

可以用foreach

墨尔 | 园豆:196 (初学一级) | 2013-12-30 09:21
0

你传到前台的需要这样的数据:

var Viewmodel=function(){ 
    var self = this;
    self.Imgs = ko.observableArray();
    //Imgs 的数据是Imgs=[{"src":"a.jpg"},{"src":"b.jpg"},{"src":"c.jpg"}]
    self.ImgTitle = ko.observable();//ImgTitle
}


html:
<figure id="img" data-bind="foreach:Imgs">
   <img data-bind="attr:{src:src}"/>
   //Title 不在循环里面只能另外添加
</figure>
js:
var title= "<figcaption>"+Viewmodel.ImgTitle+"</figcaption>"
$('#img').append(title);
|WinKi| | 园豆:669 (小虾三级) | 2013-12-30 09:24
0

html:
<figure>
<!-- ko foreach: datasources -->

<img data-bind="attr:{src:src}"/>

<!-- /ko -->

<figcaption>Image title</figcaption>
</figure>

 

彦斌 | 园豆:342 (菜鸟二级) | 2013-12-30 10:45

多谢

支持(0) 反对(0) 梧桐树 | 园豆:50 (初学一级) | 2014-01-03 13:32
清除回答草稿
   您需要登录以后才能回答,未注册用户请先注册