将observableArray的特定索引绑定到输入控件

时间:2018-07-31 18:24:45

标签: knockout.js knockout-3.4

我在observable objectsobservableArray中添加了一些dynaobs,它们看起来像:

"dynaobs": [
    {
      "SpecName": "reportingcurrency",
      "SpecValue": "EUR"
    },
    {
      "SpecName": "transactionscurrency",
      "SpecValue": "GBP"
    }
  ]

我可以查看如下所示的值:

 <div class="col-sm-6" data-bind="foreach: { data: dynaobs, as: 'ct' }">        
        <input type="text" data-bind="value: ct.SpecValue" />       
</div>

但是,我只想将我的observableArray的第一个索引绑定到如下所示的输入控件,但这给我一个错误:

<div data-bind="value: dynaobs()[0]">
    <input type="text" data-bind="value: $data" />
</div>

我尝试过:

 <div data-bind="value: dynaobs()[0]">
        <input type="text" data-bind="value: $parent.SpecValue" />
    </div>

 <div data-bind="value: dynaobs[0]">
        <input type="text" data-bind="value: $parent.SpecValue" />
    </div>

还有更多,但没有运气。有什么想法吗?

编辑: 这就是我添加可观察对象的方式:

  for (var i = 0; i < data.specifications.length; i++) {
            if (data.specifications[i].controlname != null) {
               conv(data.specifications[i].controlname, data.specifications[i].specvalue);            
            }

        }

并致电:

function conv(lbl, val) {               
    this[lbl] = ko.observable(val);
    dynaobs.push(this[lbl]);
}

1 个答案:

答案 0 :(得分:0)

当您可以直接将值绑定提供给输入时,是否有理由绑定父div value并传递$data

var ViewModel = function() {
    this.arr = ko.observableArray([
    {
      "SpecName": "reportingcurrency",
      "SpecValue": "EUR"
    },
    {
      "SpecName": "transactionscurrency",
      "SpecValue": "GBP"
    }
  ])
};	

ko.applyBindings(new ViewModel());
<script src="https://cdnjs.cloudflare.com/ajax/libs/knockout/3.4.2/knockout-min.js"></script>
<div>
    <input type="text" data-bind="value: arr()[0].SpecValue" />
</div>