gpt4 book ai didi

javascript - ng-repeat 被注释并且不显示 JSON 对象的结果

转载 作者:行者123 更新时间:2023-12-01 03:13:06 24 4
gpt4 key购买 nike

我有这段代码,我不知道为什么,但是 ng-repeat 指令被注释了并且不显示 JSON 对象的结果。我已经检查了该对象是否已使用 toSource() 方法正确传递给“this.paises2”,看起来一切都很好。

我已经检查过这里,但没有任何效果:

AngularJS: ng-repeat not displaying JSON

ng-repeat code getting commented out when viewed from browser

ngRepeat div get commented out when i see from the browser inspector

这是 HTML 代码:

<html ng-app="miModulo">



<head>

<link href="mis-css.css" rel="stylesheet" type="text/css">

</head>

<body ng-controller="miControlador as vm">

<button ng-click="vm.buscarEnRegion()">Pulsar</button>



<ul ng-repeat="elemento in vm.paises">
<li>

{{elemento.name}}



</li>

</ul>

<script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.6.4/angular.min.js"></script>

<script src="mijs1.js"></script>

</body>

以及 Javascript/Angular JS 代码:

angular
.module("miModulo",[])
.controller("miControlador",['$http',funcionPrincipal] );

function funcionPrincipal($http)
{
this.buscarEnRegion=function()
{
$http.get("https://restcountries.eu/rest/v1/region/africa").then(function(miRespuesta)
{
this.paises=miRespuesta;

// alert(miRespuesta.toSource());

alert(this.paises.toSource());



},function(miRespuesta)
{

alert("incorrecto");
}



); //then


}


}

提前致谢。

最佳答案

几个问题。来自 angular docs

The response object has these properties:

  • data – {string|Object} – The response body transformed with the
  • transform functions. status – {number} – HTTP status code of the
  • response. headers – {function([headerName])} – Header getter function.
  • config – {Object} – The configuration object that was used to generate
  • the request. statusText – {string} – HTTP status text of the response.
  • xhrStatus – {string} – Status of the XMLHttpRequest (complete, error, timeout or abort).

所以你想要的是miRespuesta.data

另一个问题是,当您执行 this.paises=miRespuesta 时,this 指的是函数,而不是 Controller 。所以你需要给 Controller 分配一个变量。因此,将您的 Controller 更改为:

function funcionPrincipal($http)
{
var vm = this;
vm.buscarEnRegion=function()
{
$http.get("https://restcountries.eu/rest/v1/region/africa").then(function(miRespuesta)
{
vm.paises=miRespuesta.data;
},function(miRespuesta)
{
alert("incorrecto");
}
); //then
}
}

参见plunker

关于javascript - ng-repeat 被注释并且不显示 JSON 对象的结果,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/45724328/

24 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com