javascript - knockout Js : dataObject is not defined

Question

我有一个简单的 WebApi 项目来处理各种格式的返回数据。我正在尝试使用 KnockoutJs 在前端使用数据，但我有一个变量未定义的错误，我似乎无法理解为什么。下面是我正在处理的简单代码。请随时指出错误。谢谢

Controller 格式

[httpGet]
public Object Data
{
  return new {
   Time: DateTime.now,
   Text: "<b>Salut</b>",
   Count: 1
  };
}

JS前端

<script>
    $(document).ready(function(){
    $.ajax("/api/formats", {
       success: function(data){
          dataObject = ko.observable(data);
          ko.applyBindings();
       }
    };
 });

HTML

    <tbody>
       <tr>
         <td>Time</td>
         <td data-bind="text: dataObject().Time">
         <td>Text</td>
         <td data-bind="text: dataObject().Text">
      </tr>
   </tbody>

Answer 1

起初，您的变量 dataObject 没有 Time 和 Text 属性，因此您应该在代码中检查它，如下所示:

var dataObject = ko.observable();
ko.applyBindings();
  
function doBinding() {
    var data = {
        Time: "XYZ",
        Text: "<b>Salut</b>",
        Count: 1
    };
    
    dataObject(data);        
}

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/knockout/3.4.2/knockout-min.js"></script>

<div>

  <div data-bind="text: dataObject() ? dataObject().Time : 'No Data'"></div>
  <div data-bind="text: dataObject() ? dataObject().Text : 'No Data'"></div>
  
<div>

<button onclick="doBinding()">binding</button>