从db和array

时间:2017-03-28 05:19:49

标签: html angularjs angularjs-ng-repeat angular-ngmodel

我有一个从数据库中提取数据的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>

1 个答案:

答案 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字符串转换为对象。

&#13;
&#13;
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;
&#13;
&#13;