數據綁定在視圖頁面不顯示數據

Question

這是我如何我的頁面設置，但顯示沒有數據，我不知道爲什麼：

的JavaScript /淘汰賽：

var getList = function() { 
      Ajax.Get({ 
       Url: ..., 
       DataToSubmit: {id: properties.Id }, 
       DataType: "json", 
       OnSuccess: function (roleData, status, jqXHR) { 
        bindModel(roleData); 

       } 
      }); 
     }; 


    // Binds the main ViewModel 
     var bindModel = function (data) { 
      var _self = viewModel; 

      ko.applyBindings(viewModel, $('#ListView')[0]); 
     }; 

    var viewModel = { 
      ListRoleTypes: ko.observableArray([]), 
      ..... 
     }; 

var roleViewModel = function (data) { 
     var _self = this; 
     _self.ContentRole = ko.observable(data.ContentRole); 
     _self.RoleName = ko.observable(data.RoleName); 
     _self.RoleRank = ko.observable(data.RoleRank); 
     _self.UserCount = ko.observable(data.UserCount); 
    }; 

這是我的看法頁：

<div data-bind="foreach: ListRoleTypes"> 
      <span data-bind="text: RoleName"></span> 
     </div> 

在哪裏我錯了有什麼想法？

Answer 1

您正在調用bindmodel並傳入roledata，但隨後在bindmodel中，您不會對其執行任何操作。

Ajax.Get({ 
      Url: ..., 
      DataToSubmit: {id: properties.Id }, 
      DataType: "json", 
      OnSuccess: function (roleData, status, jqXHR) { 
       bindModel(roleData); 

      } 
     }); 
    }; 


// Binds the main ViewModel 
    var bindModel = function (data) { 
     // need to do something with viewmodel to handle the passed in data 
     viewmodel.initialize(data); 

     ko.applyBindings(viewModel, $('#ListView')[0]); 
    };