Warning: file_get_contents(/data/phpspider/zhask/data//catemap/2/.net/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 从对象返回数据并显示在<;ul>;安格拉斯大道_Javascript_.net_Json_Angularjs_Get - Fatal编程技术网

Javascript 从对象返回数据并显示在<;ul>;安格拉斯大道

Javascript 从对象返回数据并显示在<;ul>;安格拉斯大道,javascript,.net,json,angularjs,get,Javascript,.net,Json,Angularjs,Get,我有一个从服务器接收JSON的控制器,如下所示: "[{\"nome\": \"Ricardo Andrade\"}]" 我的控制器正在删除\通过解析JSON,我的控制器是: app.controller("userLogado", function ($scope, $http) { //$http.get('web/core/components/home/nav.json'). $http.get('http://localhost:2099/api/autentica

我有一个从服务器接收JSON的控制器,如下所示:

"[{\"nome\": \"Ricardo Andrade\"}]"
我的控制器正在删除\通过解析JSON,我的控制器是:

app.controller("userLogado", function ($scope, $http) {

    //$http.get('web/core/components/home/nav.json').
    $http.get('http://localhost:2099/api/autenticacao/NomeUsuarioLogado').
     success(function (data) {

         debugger;
          var result = json_parse(data);

          var sNome = '';

          $.each(result, function(key, item) {

              sNome = item.nome;
          });


      })
});
我的问题是,如何使用AngularJS获取该控制器的结果并在HTML中显示

我试着使用一个警告,得到了这样一个正确的名字:“里卡多·安德拉德”

提前谢谢

<ul>
  <li ng-repeat="names in result">
    [{{$index + 1}}] {{names.nome}}
  </li>
</ul>
您的HTML:

<ul>
  <li ng-repeat="names in allNames">
    [{{$index + 1}}] {{names.nome}}
  </li>
</ul>
  • [{{$index+1}}]{{names.nome}
ul列表必须位于具有ng控制器属性的容器内

例如




使用带有ng repeat的数组的好处是,您可以对数据进行筛选()和排序()。

只需将结果附加到控制器即可。 一旦得到想要的结果,只需将其附加到范围

app.controller("myCtrl", function ($scope, $http) {
    $scope.result = "Ricardo Andrade"
});
还有HTML

<div ng-controller="myCtrl">
{{result}}
</div>

{{result}}
如果您有多个姓名,则需要重复这些姓名

<div ng-controller="myCtrl">
  <ul ng-repeat='name in result'>
    <li>{{name}}</li>
  </ul>
</div>

  • {{name}}
<div ng-controller="myCtrl">
{{result}}
</div>
<div ng-controller="myCtrl">
  <ul ng-repeat='name in result'>
    <li>{{name}}</li>
  </ul>
</div>