javascript - 从knockout js中的attr调用模型函数来获取动态属性

Question

我对knockout js不太熟练，所以这可能是一个愚蠢的问题。

我的模型看起来像这样:

  var myViewModel = {
    personName: 'Bob',
    attributesAttached: 'title:SampleTitle',
    getTitle : function(){
    return "SampleTitle";
    },
    getAttributeKeyValuePair : function(){
       return "title : SampleTitle";
    },
     getAttributeKeyValuePairCollection : function(){
       return "title : SampleTitle , href : test.html";
    }

    };

ko.applyBindings(myViewModel);

我的工作 html 看起来像这样:

The name is
<span data-bind="text: personName,attr: { title :  getTitle() }"></span>

我想实现这一目标:

不工作

The name is
<span data-bind="text: personName,attr: { getAttributeKeyValuePair() }"></span>

因为稍后某些属性或方法会给我一个属性键值对的集合

不工作

The name is
<span data-bind="text: personName,attr: { getAttributeKeyValuePairCollection() }"></span>

我怎样才能做到这一点，以便我可以动态生成我的属性名称及其各自的值(当我的 JSON 完全处理时)

Answer 1

attr 绑定(bind)处理程序需要一个对象，其中每个属性名称对应于属性名称，属性值对应于属性值。

因此，您的 getAttributeKeyValuePairCollection() 方法只需返回对象:

getAttributeKeyValuePairCollection: function() {
   return {
          href: 'test.html',
          title: 'SimpleTitle'
          };
}

在您的数据绑定(bind)中:

<span data-bind="text: personName, attr: getAttributeKeyValuePairCollection()"></span>

参见Documentation