ASP.NET和Knockout.JS

Question

我有一个提供有关人员数据的api，例如：

public class Student
{
    public int StudId { get; set; }
    public string Nume { get; set; }
    public string Prenume { get; set; }
    public decimal Nota { get; set; }
    public bool Status { get; set; }
}

我想使用Knockout从此api获取数据并用它填充表格（我从小事情开始，但是我非常感谢你们提供的所有帮助）。

 // Function to fill the students
    function studentModel() {
        var self = this;
        self.students = ko.observableArray([]);

        $.getJSON("/api/student", function (data) {
            self.students(data);
        })
    }
    ko.applyBindings(new studentModel());

表：

<table data-bind="foreach: students">
    <tr>
        <th>ID</th><th>Nume</th><th>Prenume</th><th>Data</th></tr>
    <tr>
        <td data-bind="text: StudId"></td>
        <td data-bind="text: Nume"></td>
        <td data-bind="text: Prenume"></td>
        <td data-bind="text: Data"></td>
    </tr>
</table>

Answer 1

我认为问题是您的foreach ，它需要放在tr而不是表上：

<table>
  <thead>
    <tr>
      <th>ID</th><th>Nume</th><th>Prenume</th><th>Data</th>
    </tr>
  </thead>
  <tbody data-bind="foreach: students">
    <tr>
      <td data-bind="text: StudId"></td>
      <td data-bind="text: Nume"></td>
      <td data-bind="text: Prenume"></td>
      <td data-bind="text: Data"></td>
    </tr>
  </tbody>
</table>

https://jsfiddle.net/ezjj8dma/