如何通过$ http.get()从.json文件获取数据到html文件

时间:2018-10-18 03:33:30

标签: html angularjs json angular http

我正在尝试通过使用<li>方法从ng-repeat文件中提取数据来显示带有data/states.json的列表$http.get()。谁能帮我解决这个问题。

HTML

<div ng-app="app" ng-controller="ctrl">
        <ul>
            <li ng-repeat="x in state">{{ x }}</li>
        </ul>
    </div>
    <script>
       var app = angular.module("app",[]);
       app.controller("ctrl", function($scope, $http) {
           $http.get("data/states.json").then(function(response) {
               $scope.state = response.data;
           });
       });
    </script>

.json文件

[ "Alabama (AL)",
"Alaska (AK)",
"Arizona (AZ)",
"Arkansas (AR)" ]

1 个答案:

答案 0 :(得分:0)

您可以按如下所示直接从响应中获取数据,

<div *ngIf="r.firstName.hasError('precision')">It must have small letter </div>

PLUNKER DEMO