• 闪存
• 博客
• 发言 小组
• 投递 新闻
• 提问 博问
• 添加 收藏
• 文库

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>

knockoutjs figure

梧桐树 | 初学一级 | 园豆：52
提问于：2013-12-29 22:14

显示帮助

使用"Ctrl+Enter"可进行快捷提交，评论支持部分 Markdown 语法：[link](http://example.com) _italic_ **bold** `code`。

< >

分享

分享您的问题

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);