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

【问题标题】：json data cannot bind to html page in Web Api in Angular pagejson数据无法绑定到Angular页面中Web Api中的html页面
【发布时间】：2015-05-18 07:48:30
【问题描述】：

我正在尝试将来自 ms sql 数据库的一些数据绑定到单页角度。显然一切正常，我可以在浏览器的网络响应中看到 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();
    }
}
}

【问题讨论】：

标签： asp.net-mvc angularjs rest asp.net-web-api angularjs-ng-repeat

【解决方案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>

【讨论】：