javascript - 如何绑定(bind)到jsview中的元素属性

Question

我有一个如下所示的标签。我想知道jsview是否可以支持将标题与文本绑定(bind)？我可以在标题中显示相同的文本吗？

<label title="">{^{for Owners}}{{:Name}}{^{if #index < #parent.data.length - 1}}&#59;{{/if}}&nbsp;{{/for}}</label>

预期的渲染结果是:

<label title="name1; name2; name3">name1; name2; name3</label>

Answer 1

当使用 JsViews 数据链接到元素、元素属性等时，您需要使用 data-link 属性。使用 JsViews 时 link方法(相对于 JsRender render 方法)你不能嵌套 {{...}}元素标记内的标签。

参见http://www.jsviews.com/#samples/data-link有关数据链接元素的教程序列。

使用data-link="expression"非常灵活，因此您可以通过几种替代方法来实现您的场景。这是一个具有三种选择的 jsfiddle:http://jsfiddle.net/BorisMoore/j363W/ .

它显示了这三种变体:

自定义助手

<label data-link="title{:~listHelper(Owners, Owners.length)}">...

myTmpl.link("#content", data, {listHelper: function(arr) {
return ...; // compute return value
}});

数据方法

<label data-link="title{:nameList()}">...

var data = {
    Owners:[{Name: "name1"}, {Name: "name2"}, {Name: "name3"}],
    nameList: function() {
    return ...; // compute return value
    },
    ... 
};

data.nameList.depends ="Owners.length";

自定义 JsViews 标签

<label data-link="title{nameList Owners}">...

$.views.tags("nameList", {
    render: function(Owners) {
        return ...; // compute return value
    },
    depends: "Owners.length"
});

另请参阅https://github.com/BorisMoore/jsviews/issues/255