淘汰赛选择数据绑定

Question

我是淘汰赛新手，有一个关于使用数据绑定和“选项”绑定的问题。我想要两个下拉菜单，其中包含来自我的数据库的数据。我可以让第一个工作，但即使我以相同的方式实现第二个也不会出现。只有第一个下拉菜单会出现在页面中，其中包含所有正确的数据。但是应该与所有房间名称一起出现的第二个没有出现。但是当我删除第一个时，第二个起作用了。我显然在这里错过了一些东西，会是什么？

这是我的 HTML 代码：

<div align = "center">
    <select data-bind="options: employees, 
        optionsText: 'FullName', 
        value: Id, 
        optionsCaption: 'Select employee to login'"class = "container">
    </select>
</div>  

<div align = "center">
    <select data-bind="options: meetingRooms, 
        optionsText: 'Location', 
        value: Id, 
        optionsCaption: 'Choose room to book'" class = "container">
     </select>
</div>  

这是java脚本代码：

function BookingSystemViewModel() {
    var self = this;
    self.employees = ko.observableArray();
    self.meetingRooms = ko.observableArray();

    $.get( "/WebApi/API/Employees", function(data) {
        self.employees(data);
    });

     $.get( "/WebApi/API/MeetingRooms", function(data) {
        self.meetingRooms(data);
    });

Answer 1

<div align = "center">
    <select data-bind="options: employees, 
        optionsText: 'FullName', 
        value: Id, 
        optionsCaption: 'Select employee to login'"class = "container">
    </select>
</div>  

<div align = "center">
    <select data-bind="options: meetingRooms, 
        optionsText: 'Location', 
        value: Id, 
        optionsCaption: 'Choose room to book'" class = "container">
     </select>
</div>  

您是说应该将value 写入一个名为Id 的可观察对象，而您的视图模型中没有该对象。也许您正在寻找optionsValue，它用于定义您想要用作所选对象的值的属性。