Javascript 在Angular JS中将Json数据从控制器传递到视图以构建表
尝试获取要显示的特定字段，最好是在表中（标题、行和列）。并寻找在Json提要中查找字段的最佳方法。我尝试使用控制器查找字段，然后将数据传递到HTML中的视图 控制器中是否存在与Json相关的错误？字段是空的。似乎没有任何东西从控制器传递到视图？这就是我所尝试的：Javascript 在Angular JS中将Json数据从控制器传递到视图以构建表,javascript,angularjs,html,Javascript,Angularjs,Html,尝试获取要显示的特定字段，最好是在表中（标题、行和列）。并寻找在Json提要中查找字段的最佳方法。我尝试使用控制器查找字段，然后将数据传递到HTML中的视图 控制器中是否存在与Json相关的错误？字段是空的。似乎没有任何东西从控制器传递到视图？这就是我所尝试的： <!doctype html> <html ng-app="app" > <head> <meta charset="utf-8"> <title>LIVE&l
<!doctype html>
<html ng-app="app" >
<head>
<meta charset="utf-8">
<title>LIVE</title>
<!-- <link rel="stylesheet" href="style.css"> -->
<script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.0.7/angular.js"></script>
<script>
var app = angular.module('app', []);
app.controller('DataCtrl', function ($scope, $http) {
$scope.result = {
"data": {
"transactionList": [{
"barcode": "52905819992681",
"training": 0,
"tranNo": 1,
"userId": "8796093054980",
"retailerId": "defaultRetailer",
"storeId": "12Store",
"deviceId": "afd03463-9ee7-45d4-9d2e-8d64a683f126",
"tillId": "2",
"tranTypeId": "regularSale",
"isTranVoid": 0,
"totalItems": 1,
"merchTotal": 50.0,
"promoTotal": 0.0
}, {
"barcode": "52905819592681",
"training": 0,
"tranNo": 1,
"userId": "8796093054980",
"retailerId": "defaultRetailer",
"storeId": "23Store",
"deviceId": "afd03463-9ee7-45d4-9d2e-8d64a683f126",
"tillId": "2",
"tranTypeId": "regularSale",
"isTranVoid": 0,
"totalItems": 1,
"merchTotal": 50.0,
"promoTotal": 0.0
}]
}
}
};
$scope.elements = $scope.result.data.transactionList.map(function (res) {
var e = {};
e.transTypeId = res.transTypeId;
e.userId = res.userId;
e.storeId = res.storeId;
return e;
});
});
</script>
</head>
<body ng-controller="DataCtrl">
<h1>Live from the JSON feed</h1>
<ul>
<li ng-repeat="e in elements">
{{ e.transTypeId}}: {{ e.userId }}, {{ e.storeId }}
</li>
</ul>
</body>
</html>
居住
var-app=angular.module（'app'，[]）；
app.controller（'DataCtrl'，函数（$scope，$http）{
$scope.result={
“数据”：{
“交易清单”：[{
“条形码”：“52905819992681”，
“培训”：0，
“tranNo”：1，
“用户ID”：“8796093054980”，
“retailerId”：“defaultRetailer”，
“storeId”：“12Store”，
“设备ID”：“afd03463-9ee7-45d4-9d2e-8d64a683f126”，
“tillId”：“2”，
“tranTypeId”：“正规销售”，
“isTranVoid”：0，
“总计项目”：1，
“merchTotal”：50.0，
“总计”：0.0
}, {
“条形码”：“52905819592681”，
“培训”：0，
“tranNo”：1，
“用户ID”：“8796093054980”，
“retailerId”：“defaultRetailer”，
“storeId”：“23Store”，
“设备ID”：“afd03463-9ee7-45d4-9d2e-8d64a683f126”，
“tillId”：“2”，
“tranTypeId”：“正规销售”，
“isTranVoid”：0，
“总计项目”：1，
“merchTotal”：50.0，
“总计”：0.0
}]
}
}
};
$scope.elements=$scope.result.data.transactionList.map（函数（res）{
变量e={}；
e、 transTypeId=res.transTypeId；
e、 userId=res.userId；
e、 storeId=res.storeId；
返回e；
});
});
从JSON提要直播
-
{{e.transTypeId}：{{e.userId}，{{e.storeId}
如果你能上传你的代码，比如
人们可以通过这种方式进行测试。我可能错了，但您试图直接读取json数据而不进行解析？
如果你能上传你的代码，比如
这样人们就可以测试它。也许是一个
}太多
自动缩进通常会使这些类型的错误变得明显。可能是}太多
自动缩进通常会使这些类型的错误变得明显。您是否尝试使用ng model=“…”，它为您提供了覆盖属性或显示属性的机会。你可以试一下
<input type="number" ng-model="someID" disabled="disabled">
*如果您需要该字段上的readOnly，则禁用。
看看它是怎么工作的，也许它能帮你。
关于您是否尝试使用ng model=“…”，它为您提供了覆盖属性或显示属性的机会。你可以试一下
<input type="number" ng-model="someID" disabled="disabled">
*如果您需要该字段上的readOnly，则禁用。
看看它是怎么工作的，也许它能帮你。
关于您的$scope.result中有一个额外的}
。应该是这样的：
$scope.result = {
"data": {
"transactionList": [{
"barcode": "52905819992681",
"training": 0,
"tranNo": 1,
"userId": "8796093054980",
"retailerId": "defaultRetailer",
"storeId": "12Store",
"deviceId": "afd03463-9ee7-45d4-9d2e-8d64a683f126",
"tillId": "2",
"tranTypeId": "regularSale",
"isTranVoid": 0,
"totalItems": 1,
"merchTotal": 50.0,
"promoTotal": 0.0
}, {
"barcode": "52905819592681",
"training": 0,
"tranNo": 1,
"userId": "8796093054980",
"retailerId": "defaultRetailer",
"storeId": "23Store",
"deviceId": "afd03463-9ee7-45d4-9d2e-8d64a683f126",
"tillId": "2",
"tranTypeId": "regularSale",
"isTranVoid": 0,
"totalItems": 1,
"merchTotal": 50.0,
"promoTotal": 0.0
}]
}
};
// get rid of this};
这里正在工作您的$scope.result中有一个额外的}
。应该是这样的：
$scope.result = {
"data": {
"transactionList": [{
"barcode": "52905819992681",
"training": 0,
"tranNo": 1,
"userId": "8796093054980",
"retailerId": "defaultRetailer",
"storeId": "12Store",
"deviceId": "afd03463-9ee7-45d4-9d2e-8d64a683f126",
"tillId": "2",
"tranTypeId": "regularSale",
"isTranVoid": 0,
"totalItems": 1,
"merchTotal": 50.0,
"promoTotal": 0.0
}, {
"barcode": "52905819592681",
"training": 0,
"tranNo": 1,
"userId": "8796093054980",
"retailerId": "defaultRetailer",
"storeId": "23Store",
"deviceId": "afd03463-9ee7-45d4-9d2e-8d64a683f126",
"tillId": "2",
"tranTypeId": "regularSale",
"isTranVoid": 0,
"totalItems": 1,
"merchTotal": 50.0,
"promoTotal": 0.0
}]
}
};
// get rid of this};
这里是工作谢谢——和}一起迷路了；而且}谢谢}和}一起迷路了；而且}谢谢}和}一起迷路了；而且}谢谢}和}一起迷路了；还有}