Jquery mobile “详细信息”页不与“删除”绑定

在我的示例应用程序中有四个屏幕：登录、仪表板、列表页面和详细信息页面，这里登录页面、仪表板、列表页面绑定正在工作，但详细信息页面详细信息并不像我预期的那样填充，例如

Html

---

为什么它不将数据填充到详细信息页面，我正在使用ko.obsevable（）绑定它，

您还没有绑定detailViewModel

改变

<div data-role="page" id="detailsView">

到

var LoginViewModel = function (parantModel) {
    var self = this;
    self.userName = ko.observable();
    self.password = ko.observable(); 
    self.submit = function () {
       parantModel.dashboardViewModel.uId(self.userName());
       navigationService.navigateTo($('#dashBoardPage')); 
    }    
}
var DashboardViewModel = function(parentModel){
    var self = this;
    self.uId =  ko.observable();

    self.goToList = function(){
       navigationService.navigateTo($('#listViewPage')); 
    }    
} 

var ListViewModel = function(parentViewModel){
    var self = this;
    self.selectedHospital = ko.observable();
    var objList = [{"id":"001","name":"Hospital1","location":"SL"},{"id":"002","name":"Hospital2","location":"SL"}].map(function(hospital){return new HospitalViewModel(hospital);});
   self.hospitalList = objList; 

   self.selectHospital = function(hospital){
       parentViewModel.detailViewModel(hospital);
       alert("000");
        navigationService.navigateTo($('#detailsView'));
    }; 
}

var HospitalViewModel = function(data){
    var self = this;
    self.id = data.id;
    self.name = ko.observable(data.name);
}    

function PageViewModel (){
   var self = this;
   self.loginModel = new LoginViewModel(self);
   self.dashboardViewModel = new DashboardViewModel(self); 
   self.listViewModel = new ListViewModel(self); 
   self.detailViewModel = ko.observable();
}

function NavigationService(){
    var self = this;
    self.navigateTo = function(pageId){
        $.mobile.changePage(pageId);
    };
}

var navigationService = new NavigationService();
ko.applyBindings(new PageViewModel());

<div data-role="page" id="detailsView">

<div data-role="page" id="detailsView" data-bind="with:detailViewModel">