我有一个从数据库中提取数据的API。我的数据库包含此值
ID名称 1个身体 2皮肤 3脂肪
我有一个正确提取它的API。我把它显示在桌子上然后,显示的值例如;如果正确的值是数字1,那么UI上显示的名称是“皮肤”而不是“正文”可能是什么问题?
我在我的控制器上有这个
Service.fetchType()
.then(function(data){
$scope.type= data.data;
localStorage.Type = JSON.stringify(data.data);
}
);
仅在我的html文件中使用ng-repeat和{{item.Type}}
<tr ng-repeat=" item in Type >
<td> {{ item.type}} </td>
</tr>
答案 0 :(得分:0)
希望你有Json字符串: [{&#34; ID&#34; :1,&#34;姓名&#34;:&#34;身体&#34; },{&#34; ID&#34; :2,&#34;姓名&#34;:&#34;皮肤&#34; },{&#34; ID&#34; :3,&#34;姓名&#34;:&#34;胖&#34; }] 以及以下作品完美无缺。您可以跳过最后一行将json字符串转换为对象。
var app = angular.module('myApp', []);
app.controller('appCtrl', function($scope, $location) {
$scope.type= [{"ID" :1, "Name":"Body" },{"ID" :2, "Name":"Skin" },{"ID" :3, "Name":"Fat" }];
//$scope.type = angular.fromJson(Json);
});
&#13;
<script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.2.22/angular.min.js"></script>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.0.3/jquery.min.js"></script>
<div ng-app="myApp" ng-controller="appCtrl">
<table>
<tr ng-repeat="item in type" >
<td> {{ item.ID}} </td>
<td> {{ item.Name}} </td>
</tr>
</table>
</div>
&#13;