Warning: file_get_contents(/data/phpspider/zhask/data//catemap/4/json/13.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Angularjs 带json文件的ng init_Angularjs_Json - Fatal编程技术网

Angularjs 带json文件的ng init

Angularjs 带json文件的ng init,angularjs,json,Angularjs,Json,我可以在ng init中使用json文件来获取json文件的数据吗 我有这个例子,但我想用json文件替换我的对象 <html> <head> <title></title> </head> <body ng-app> <input type="text" ng-model="query"/> <div ng-init="users=[

我可以在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>

{{users}}
  • {{user}}
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;
          });
        }
      }
    ]);