以 ng 重复显示字符串输出
Display string output in ng-repeat
我想在视图中显示json对象。代码为:
<ul ng-repeat="item in items">
<li ng-repeat="(key, val) in item">
{{key}}: {{val}}
</li>
</ul>
在,控制器:
$scope.init = function (){
var xhr = new XMLHttpRequest();
xhr.onreadystatechange = function() {
if (xhr.readyState == 4) {
$scope.items = JSON.parse(xhr.responseText);
console.log(JSON.parse(xhr.responseText));
}
};
xhr.open('GET', 'http://127.0.0.1:8000/user_list/', true);
xhr.send(null);
}
控制台后.log我得到
[{"user_name": "Pranav", "user_id": 1}, {"user_name": "Sagar", "user_id": 2}]
我无法像前面的例子那样操作。
如何将其转换为格式:
$scope.items =
[
{"user_name": "Pranav", "user_id": 1},
{"user_name": "Sagar", "user_id": 2}]
];
所以,我可以使用它。
您的数据格式正确,但是对 AJAX 请求使用 Angular 的$http
,因为这将触发摘要周期并允许视图更新:
$http.get("http://127.0.0.1:8000/user_list/").success(function(data) {
$scope.items = data;
});
我在这里创建了一个小提琴:http://jsfiddle.net/fynva/
我简化了示例中的 HTTPGET 调用,因为您在获取 JSON 时没有问题。下面是代码示例。
<div ng-app="myApp">
<div ng-controller="TextController">
<div>
<label for="spSelectViewMenu">Please select the list to view:</label>
<select id="spSelectViewMenu" ng-model="list" ng-options="c.user_name for c in lists"></select><br />
<ul ng-show="list" ng-repeat="(key, val) in list" >
<li>{{key}} : {{val}}</li>
</ul>
</div>
</div>
</div>
<script>
var myAppModule = angular.module('myApp', []);
myAppModule.controller('TextController', function ($scope) {
$scope.lists = JSON.parse('[{"user_name": "Pranav", "user_id": 1}, {"user_name": "Sagar", "user_id": 2}]');
});
</script>
相关文章:
- 如何将angularjs中的javascript字符串输出为循环数组
- Javascript将数组转换为字符串并使其反向输出
- 以字符串形式输出Javascript中的日期
- 编辑输出字符串函数ol.control.MouseControl
- 输出包含3个单词的字符串中的前2个单词
- 如何转义php中的新行字符以输出为javascript字符串值
- jQuery从选项的输出字符串中选择HTML选项
- 如何通过JavaScript将二进制(输入)转换为字符串(输出)
- 字符串输出中的 JavaScript 变量
- js 错误的字符串输出
- 如何将数字2.00作为一个完整的字符串输出
- Javascript -使用字符串输出HTML
- 递归字符串输出
- 如何在javascript中从xml字符串输出特定xml元素的所有值
- PHP json编码-数组键不作为字符串输出
- 浏览器和服务器javascript中的十六进制字符串输出不同
- 使用javaScript将字符串输出到HTML
- 以 ng 重复显示字符串输出
- Javascript for循环计数器作为字符串输出
- 设计一个Javascript对象,在每个新的Date()中作为字符串输出到console.log