Javascript 从对象返回数据并显示在<;ul>;安格拉斯大道
我有一个从服务器接收JSON的控制器,如下所示: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
"[{\"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>