Javascript 使用AngularJS读取json_Javascript_Angularjs

Javascript 使用AngularJS读取json

javascript angularjs

Javascript 使用AngularJS读取json,javascript,angularjs,Javascript,Angularjs,大家好，我想用angular读取json文件，但我也不能，我得到了错误 Error: [ng:areq] http://errors.angularjs.org/1.4.3/ng/areq? p0=jsonCtrl&p1=not%20a%20function%2C%20got%20undefined (anonymous) @ angular.js:12330 (anonymous) @ angular.js:9109 $apply @ angular.js:15947 (anon

大家好，我想用angular读取json文件，但我也不能，我得到了错误

 Error: [ng:areq] http://errors.angularjs.org/1.4.3/ng/areq?
p0=jsonCtrl&p1=not%20a%20function%2C%20got%20undefined

 (anonymous) @ angular.js:12330
(anonymous) @ angular.js:9109
$apply @ angular.js:15947
(anonymous) @ angular.js:1633
 e @ angular.js:4450
d @ angular.js:1631
Ac @ angular.js:1651
Zd @ angular.js:1545
 (anonymous) @ angular.js:28359
  a @ angular.js:2996
 c @ angular.js:3271

我的代码是index.html

我看了很多，但我想不出来。这个脚本必须在不同的文件中吗？或者它在index.html中好吗？我对angular很陌生，我不知道如何解决这个问题

您同时使用angularJs和angular 2！，您得到的错误是因为这一行

没有名为jsonCtrl的控制器

但正如我说的，你正在使用AngularJs和Angular2

这个代码是angularjs而不是Angular2。语法非常不同，您可以从src的版本号中看到：1.4.3。@Amir我已经用在线api创建了codepen，它工作正常，并且出现了错误，因为您没有创建任何控制器jsonCtrl

 <!DOCTYPE html>
 <html ng-app="myApp">

 <head>
  <title>Angular Quickstart</title>
  <base href="/">
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1">
  <!-- Polyfills -->
    <script src="node_modules/core-js/client/shim.min.js"></script>
    <script 

src="http://ajax.googleapis.com/ajax/libs/angularjs/1.4.3/angular.min.js">
</script>

<script src="node_modules/zone.js/dist/zone.js"></script>
<script src="node_modules/systemjs/dist/system.src.js"></script>
<script src="systemjs.config.js"></script>
<script>
    System.import('main.js').catch(function(err) {
        console.error(err);
    });
 </script>
 <script type="text/javascript">
     var myApp = angular.module('myApp', []);
     myApp.controller('myController', function($scope, $http) {
         $http.get('data.json').success(function(response) {
            $scope.myData = response;
         });
     });
   </script>

   </head>

    <body ng-controller="myController">
     Search : <input type="text" value="" ng-model="search" />
     <table border=1>
         <tr ng-repeat="data in myData | filter : search">
         <td>{{data.Name}}</td>
         <td>{{data.Company}}</td>
           <td><a href="" ng-click="removeName(data)">Remove</a></td>
        </tr>
        </table>
       <div ng-controller="jsonCtrl">

        <my-app>Loading AppComponent content here ...</my-app>
    </body>

  </html>