Question

我可以在ng-init中使用json文件来获取json文件的数据吗？

我有这个例子，但我想用json文件替换我的对象。

<html>
    <head>
        <title></title>
    </head>
    <body ng-app>
        <input type="text" ng-model="query"/>
        <div ng-init="users=['coucou', 'ca va']"> <!--to be replaced by data contains in a json file-->
            {{users}}
            <ul>
                <li ng-repeat="user in users">
                    {{user}}
                </li>
            </ul>
        </div>
        <script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.2.14/angular.min.js"></script>
    </body>
</html>

Answer 1

<强> HTML

<body ng-app='app'>
  <div ng-init="getData()" ng-controller="listController">
    {{users}}
    <ul>
      <li ng-repeat="user in users">
        {{user}}
      </li>
    </ul>
  </div>
</body>

<强>控制器：

var app = angular.module("app", []);
    app.controller("listController", ["$scope", "$http",
      function($scope, $http) {
        $scope.getData = function() {
          $http.get('test.json').then(function(response) {
            $scope.users = response.data;
          });
        }
      }
    ]);

<强> DEMO

使用json文件的ng-init

1 个答案: