如何使用Knockout.js在OptionText中显示multilpe文本
我有以下代码:如何使用Knockout.js在OptionText中显示multilpe文本,knockout.js,Knockout.js,我有以下代码: <select name="test" id="test" class="" data-bind=" options: myArray, value: idSelected, optionsText: 'name', optionsValue: 'id', optionsCaption: 'All'> </select> 我要concat Id和带有“-”的名称。我想要这个: 1 - Text 1 2
<select name="test" id="test" class=""
data-bind="
options: myArray,
value: idSelected,
optionsText: 'name',
optionsValue: 'id',
optionsCaption: 'All'>
</select>
我要concat Id和带有“-”的名称。我想要这个:
1 - Text 1
2 - text 2
3 - text 3
...
您可以创建属性并将其绑定到选项
下面是一个工作片段:
var viewModel=function(){
var self=这个;
self.idSelected=ko.observable();
self.myArray=ko.observableArray([{
名称:“文本1”,
身份证号码:1
}, {
名称:“文本2”,
身份证号码:2
}]);
//将此绑定到选项
self.computedArray=ko.computed(()=>{
返回self.myArray().map(函数(项){
返回{
名称:item.id+'-'+item.name,
id:item.id
}
});
})
}
应用绑定(新的viewModel())代码>
您可以创建属性并将其绑定到选项
下面是一个工作片段:
var viewModel=function(){
var self=这个;
self.idSelected=ko.observable();
self.myArray=ko.observableArray([{
名称:“文本1”,
身份证号码:1
}, {
名称:“文本2”,
身份证号码:2
}]);
//将此绑定到选项
self.computedArray=ko.computed(()=>{
返回self.myArray().map(函数(项){
返回{
名称:item.id+'-'+item.name,
id:item.id
}
});
})
}
应用绑定(新的viewModel())代码>
1 - Text 1
2 - text 2
3 - text 3
...