json 数据无法绑定到 Web Api 页面中的 html 页面 Angular 页面

Question

我正在尝试将一些来自 ms sql 数据库的数据绑定到单个页面 angular。显然一切正常，我可以在浏览器的网络响应中看到 json 格式的数据，但问题是数据无法绑定到 html 文件中的 ng-repeat 标记。

这是我的 html 文件

<div class="row">
<h1>Users</h1>
<div class="span10">
    <table class="table table-condenced table-hover">
        <tr>
            <th>User</th>
            <th>user firstname</th>
            <th>user lastname</th>
        </tr>
        <tr ng-repeat="user in users">
            <th>{{user.UserID}}</th>
            <th>{{user.Lastname}}</th>
            <th>{{user.Firstname}}</th>
        </tr>
    </table>
</div>

这是我的模型

using Newtonsoft.Json;
using Newtonsoft.Json.Serialization;
using System;
using System.Collections.Generic;
using System.Linq;
using System.Net.Http.Formatting;
using System.Web;
using System.Web.Helpers;
using System.Web.Http.Controllers;
using System.Web.Mvc;

namespace Angular4DotNetMVC.Models
{
    public WoUser[] GetUsers()
    {
        MyScreensEntities xEntity = new MyScreensEntities();
        List<User> xList = new List<User>();
        List<WoUser> userList = new List<WoUser>();

        xList = (from x in xEntity.Users select x).Take(20).ToList();
        if (xList != null)
        {
            foreach (User obj in xList)
            {
                WoUser yUser = new WoUser();
                yUser.Userid = obj.UserID;
                yUser.Userfirstname = obj.UserFirstname;
                yUser.Userlastname = obj.UserLastname;
                userList.Add(yUser);

            }
        }            
        WoUser[] myArray = userList.ToArray();
        return myArray;
    }
}
}

这是我的控制器

namespace Angular4DotNetMVC.Controllers
{
public class UserController : ApiController
{
    private RegistrationVmBuilder obj = new RegistrationVmBuilder();

    public WoUser[] Get()
    {
        return obj.GetUsers();
    }
}
}

Answer 1

命名问题

试试这个代码而不是你的代码

<div class="row">
<h1>Users</h1>
<div class="span10">
    <table class="table table-condenced table-hover">
        <tr>
            <th>User</th>
            <th>user firstname</th>
            <th>user lastname</th>
        </tr>
        <tr ng-repeat="user in users">
            <td>{{user.userid}}</td>
            <td>{{user.userfirstname}}</td>
            <td>{{user.userlastname}}</td> 
        </tr>
    </table>
</div>