ng-initとjsonファイル

jsonファイルのデータを取得するためにng-initでjsonファイルを使用できますか？ng-initと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>

出典

2016-11-30 Valentin Garcia

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

出典

2016-11-30 10:31:05 Sajeetharan

おかげで、 –

答えて

関連する問題