javascript - Knockout Foreach Javascript 函数

Question

是否可以在淘汰赛 foreach 绑定中声明 javascript 函数？我想从我的视图模型之外的 javascript 函数生成一个列表。

 <select class="form-control" data-bind="foreach: { data: function() { // return list values } }">
 <option data-bind="text: Value, attr: { value: Value }"></option>
            </select>

Answer 1

不太确定你想用<option data-bind="text: Value, attr: { value: Value }"></option>.

看看我的小提琴有几个不同的设置。它包含元素的用法options和foreach绑定。select

要回答这个问题，您需要提供一个函数viewModel来提供所需的数据。只要您的 viewModel 可以“访问”数据，该函数就会将其提供给绑定。如果数据是一个简单的文字列表，那么所有这些都是必需的：

Javascript：

var listOfLiterals = function() { return  ["One", "Two", "Three"] };

  var viewModel = {
     selectedLiteral: ko.observable(),  
     getLiterals: function() {
       return listOfLiterals();
  }
}

HTML：

<select data-bind="options: getLiterals(), value: selectedLiteral"></select>