0

寄付者のリストを表示しようとしています - 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>

Rails からの json から Angularjs の名前のリストに移動するにはどうすればよいですか?

4

1 に答える 1

2

| jsonバインドから削除する必要があり、 「:」donorではなく、「姓」が必要です。donors

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

更新 1

$scope.donors = Donors.query();また、ではなく、コントローラーにある必要があります$scope.donor = ...。

于 2013-03-30T13:37:47.527 に答える