AngularJS와

Question

내 기증자의 목록을 표시하려고

- html로는 다음과 같습니다

<div class="panel"> 
<header> 
<h1> Donor Information </h1> 
</header> 

<div class="content"> 
<div ng-app="Donor"> 
    <div ng-controller="DonorCtrl"> 

    <ul> 
    <li ng-repeat="donor in donors">{{donors.name_last | json}}</li> 
    </ul> 

    </div> 
    </div> 
</div> 
</div> 

내 Donor_controller.js은 이것이다 : 내 레일에서 복귀하고

var app; 
app = angular.module("Donor", ["ngResource"]); 

app.factory("Donors", [ 
    "$resource", function($resource) { 
    return $resource("/donors", {}, { 
     update: { 
      method: "PUT" 
     } 
    }); 
    } 
]); 

app.factory("Donor", [ 
"$resource", function($resource) { 
    return $resource("/donors/:id", { 
     id: "@id" 
    }, { 
     update: { 
      method: "GET" 
     } 
    }); 
    } 
]); 

this.DonorCtrl = [ 
"$scope", "Donor", "Donors", function($scope, Donor, Donors) { 
    var donor; 
    $scope.donor = Donor.query(); 
    $scope.donors = Donors; 
    $scope.addDonor = function() {}; 
    donor = Donor.save($scope.newDonor)(function() { 
     return $scope.donors.push(donor); 
    }); 
    return $scope.newDonor = {}; 
    } 
]; 

기증자를 통해 응용 프로그램/1.json이 :

{ 
    "donor": { 
    "id": 1, 
    "tools_id": null, 
    "first_name": "Billy", 
    "last_name": "Bullard" 
    } 
} 

(반복) 내가 볼 때 나는 점의 목록을 얻을 수 있으며 검사에 표시 :

<li ng-repeat="donor in donors" class="ng-scope ng-binding"></li> 

레일스에서 ​​오는 json에서 Angularjs의 이름 목록으로 이동하려면 어떻게해야합니까? 당신이 당신의 컨트롤러 $scope.donors = Donors.query();가 있어야

<li ng-repeat="donor in donors">{{donor.name_last}}</li> 

업데이트 또한 1

:

Answer 1

당신은 당신의 바인드에서 | json을 제거해야합니다 그리고 당신은 donor의 LASTNAME 아닌 donors '원하는 아닙니다 $scope.donor = ....