0

だから私は AngularJS を学んでいて、JSON をテーブルに簡単にプルしようとしています。テーブルの行で「ng-repeat」を実行すると、JSON のすべての文字に対して繰り返されます...そして要素が見つかりません。

私のインデックス

<!doctype html >
<html ng-app="usersApp" >
    <head>

        <title>Simple AngularJS Application</title>
        <link rel="stylesheet" type="text/css" href="bootstrap.css" >

    </head>

    <body>

        <div class="container" >
            <div class="hero-unit" ng-view >
            </div>
        </div>

        <script src="angular.min.js" ></script>
        <script src="angular-resource.min.js" ></script>
        <script src="main.js" ></script>

    </body>
</html>

私の部分 (list.html)

<table>
    <thead>
        <tr>
            <td>ID</td>
            <td>NAME</td>
            <td>TYPE</td>
        </tr>
    </thead>
    <tbody>
        <tr ng-repeat="user in users">
        <td>--&gt;</td><!-- NOTE: I added these tds to 'see' what was coming in -->
            <td>{{user}}</td>
            <td>{{user.id}}</td>
            <td>{{user.name}}</td>
            <td>{{user.type}}</td>
        </tr>
    </tbody>
</table>

私のJSON

[{"id":"284","name":"JAMES IS AAA-DRIVER","type":"Employee"},
 {"id":"243,"name":"Brian J Adamms","type":"Employee"},
 {"id":"237,"name":"Test Agent","type":"Brokerage Agent"}];

私のJS（main.js）

'use strict'; 
var App = angular.module( 'usersApp', ['ngResource'] );

App.config( function( $routeProvider ) {
    $routeProvider.
        when( '/', {
          controller:userListController,
          templateUrl:'list.html'
        }).
        when( '/user/:id', {
            controller:userDetailController,
            templateUrl:'detail.html'
        }).
        otherwise( '/' );
});


App.factory( 'myUsers', function( $resource ) {
    return $resource( 'users.txt' );    
});

var userListController = function( $scope, myUsers ) {
    $scope.users = myUsers.query();
};

var userDetailController = function( $scope ) {
    $scope.test = "testing Detail";
};

結果は次のようになります

ID  NAME    TYPE
-->     {"0":"["}           
-->     {"0":"{"}           
-->     {"0":"\""}          
-->     {"0":"i"}           
-->     {"0":"d"}           
-->     {"0":"\""}

jsFiddle で再作成できるかどうかを確認します。

助けてくれてありがとう

4

1 に答える 1