Javascript 未呈现我的视图(ASP.NET/Angular)

Javascript 未呈现我的视图(ASP.NET/Angular),javascript,angularjs,json,asp.net-mvc,Javascript,Angularjs,Json,Asp.net Mvc,我有一个控制器,它正在发送一个包含json对象的数组。 浏览器中只显示阵列的内容,而不显示视图 多谢各位 我的控制器: public JsonResult IndexJson() { var equipas = db.Equipas.Select(t => new { Nome = t.Nome, Abreviatura = t.Abreviatura, Country = t.Country }).ToList(); return Json(

我有一个控制器,它正在发送一个包含json对象的数组。 浏览器中只显示阵列的内容,而不显示视图

多谢各位

我的控制器:

 public JsonResult IndexJson()
    {

        var equipas = db.Equipas.Select(t => new { Nome = t.Nome, Abreviatura = t.Abreviatura, Country = t.Country }).ToList();

        return Json(equipas, JsonRequestBehavior.AllowGet);
    }
我的看法是:

@{
ViewBag.Title = "getAll";
Layout = "~/Views/Shared/_Layout.cshtml";
}


<div ng-app="ruyApp" ng-controller="equipasCtrl">

<table class="table">
<tr>
    <th>
        Nome
    </th>
    <th>
        País
    </th>
    <th>
       Abreviatura
    </th>

</tr>

<tr ng-repeat="x in myData">
    <td>
        {{x.Nome}}
    </td>
    <td>
        {{x.Country}}
    </td>
    <td>
        {{x.Abreviatura}}
    </td>


</tr>

</table>

</div>

<script src="~/Scripts/AngularScripts.js"></script>
浏览器输出:

[{"Nome":"Real Madrid","Abreviatura":"RM","Country":"Espanha"},{"Nome":"Benfica","Abreviatura":"BEN","Country":"Portugal"},{"Nome":"FC Porto","Abreviatura":"FCP","Country":"Portugal"},{"Nome":"Barcelona","Abreviatura":"BAR","Country":"Espanha"},{"Nome":"PSG","Abreviatura":"PSG","Country":"França"},{"Nome":"Charlotte Hornets","Abreviatura":"CHA","Country":"EUA"},{"Nome":"Boston Celtics","Abreviatura":"BOS","Country":"EUA"},{"Nome":"Indiana Pacers","Abreviatura":"IND","Country":"EUA"}]

我认为,当您返回ViewResult以外的其他结果时,不会触发ViewEngine,也不会返回任何视图。我会将json作为模型返回给视图:例如,返回this.view(jsonEquipas)或将equipas作为属性传递给传递给视图的视图模型。

我认为当您返回ViewResult以外的其他结果时,不会触发ViewEngine,也不会返回任何视图。我会将json作为模型返回给视图:例如,返回this.view(jsonEquipas)或将equipas作为属性传递给传递给视图的视图模型。

我不知道为什么该代码不起作用。我通过将ng init指令与模型的解析放在一起解决了这个问题

查看

<div ng-app="ruyApp" ng-controller="equipasCtrl" ng-init="init(@Newtonsoft.Json.JsonConvert.SerializeObject(Model))">

</div>

我不知道为什么那个代码不起作用。我通过将ng init指令与模型的解析放在一起解决了这个问题

查看

<div ng-app="ruyApp" ng-controller="equipasCtrl" ng-init="init(@Newtonsoft.Json.JsonConvert.SerializeObject(Model))">

</div>

这看起来应该行得通。您需要解析JSON还是什么?看起来您的网络服务器没有正确配置,而是由服务器处理您的请求,并为您带来JSON数据,看起来它应该可以工作。您需要解析JSON还是什么?看起来您的网络服务器没有正确配置,而是由服务器处理您的请求并为您提供JSON数据
app.controller('equipasCtrl', function ($scope) {

$scope.init = function (equipas) {
$scope.myData = equipas;

});