Warning: file_get_contents(/data/phpspider/zhask/data//catemap/1/angularjs/21.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript ng repeat被注释,不´;不显示JSON对象的结果_Javascript_Angularjs_Json_Angularjs Ng Repeat - Fatal编程技术网

Javascript ng repeat被注释,不´;不显示JSON对象的结果

Javascript ng repeat被注释,不´;不显示JSON对象的结果,javascript,angularjs,json,angularjs-ng-repeat,Javascript,Angularjs,Json,Angularjs Ng Repeat,我有这段代码,我不知道为什么,但是ng repeat指令会被注释,并且不会显示JSON对象的结果。我已经用toSource()方法检查了对象是否正确地传递给了“this.paises2”,看起来一切都很好 我在这里检查过了,但没有任何效果: 以下是HTML代码: <html ng-app="miModulo"> <head> <link href="mis-css.css" rel="stylesheet" type="text/css">

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

我在这里检查过了,但没有任何效果:

以下是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>
提前感谢。

更改此设置

<ul ng-repeat="elemento in vm.paises">
    <li>
    {{elemento.name}}
    </li>
</ul>
  • {{elemento.name}
对此

<ul >
    <li ng-repeat="elemento in vm.paises">
    {{elemento.name}}
   </li>
</ul>
  • {{elemento.name}
更改此选项

<ul ng-repeat="elemento in vm.paises">
    <li>
    {{elemento.name}}
    </li>
</ul>
  • {{elemento.name}
对此

<ul >
    <li ng-repeat="elemento in vm.paises">
    {{elemento.name}}
   </li>
</ul>
  • {{elemento.name}

一些问题。来自

响应对象具有以下属性:

  • 数据{string | Object}–使用
  • 转换函数.status–{number}–的HTTP状态代码
  • headers–{function([headerName])}–Header getter函数
  • config–{Object}–用于生成
  • 响应的request.statusText–{string}–HTTP状态文本
  • xhrStatus–{string}–XMLHttpRequest的状态(完成、错误、超时或中止)
因此,您需要的是
miRespuesta.data

另一个问题是当您执行
此操作时。paises=miRespuesta
指的是函数,而不是控制器。因此您需要为控制器分配一个变量。因此,请将控制器更改为:

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
    }
}

请参阅几期。来自

响应对象具有以下属性:

  • 数据{string | Object}–使用
  • 转换函数.status–{number}–的HTTP状态代码
  • headers–{function([headerName])}–Header getter函数
  • config–{Object}–用于生成
  • 响应的request.statusText–{string}–HTTP状态文本
  • xhrStatus–{string}–XMLHttpRequest的状态(完成、错误、超时或中止)
因此,您需要的是
miRespuesta.data

另一个问题是当您执行
此操作时。paises=miRespuesta
指的是函数,而不是控制器。因此您需要为控制器分配一个变量。因此,请将控制器更改为:

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
    }
}

请参见

你能创建一个JSFIDLE吗?将ng repeat从ul更改为liCan你能创建一个JSFIDLE吗?将ng repeat从ul更改为liThanks很多!它工作得非常好!我必须理解“这一点”“问题,因为我无法正确地在头脑中看到它。我认为JSON对象是一个字符串,因为当我读到JSON对象是文本时,我误解了,我认为这意味着字符串。非常感谢!它工作得很好!我必须理解“这个”问题,因为我无法在头脑中正确地看到它。我认为JSON对象是一个字符串,因为当我读到JSON对象是文本时,我误解了,我认为这意味着字符串。