2

AngularJS は初めてで、REST 経由でオブジェクトを更新するのに問題があります。PHP/Mysql バックエンド (Slim Framework) を使用しています。
新しいオブジェクトを取得 (GET)、作成 (POST) できますが、編集 (PUT) はできません。コードは次のとおりです。

私のフォーム:

<form name="actionForm" novalidate ng-submit="submitAction();">
  Name: <input type="text" ng-model="action.name" name="name" required>
  <input type="submit">
</form>

私のサービス:

var AppServices = angular.module('AppServices', ['ngResource'])
AppServices.factory('appFactory', function($resource) {
  return $resource('/api/main/actions/:actionid', {}, {
    'update': { method: 'PUT'},
  });
});

app.js

var app = angular.module('app', ['AppServices'])
app.config(function($routeProvider) {
  $routeProvider.when('/main/actions', {
    templateUrl: 'partials/main.html',
    controller: 'ActionListCtrl'
  });
  $routeProvider.when('/main/actions/:actionid', {
    templateUrl: 'partials/main.html',
    controller: 'ActionDetailCtrl'
  });
  $routeProvider.otherwise({redirectTo: '/main/actions'});
});

controllers.js:

function ActionDetailCtrl($scope, $routeParams, appFactory, $location) {
  $scope.action = appFactory.get({actionid: $routeParams.actionid});
  $scope.addAction = function() {
    $location.path("/main/actions/new");
  }
  $scope.submitAction = function() {
    // UPDATE CASE
    if ($scope.action.actionid > 0) {
      $scope.action = appFactory.update($scope.action);
      alert('Action "' + $scope.action.title + '" updated');
    } else {
      // CREATE CASE
      $scope.action = appFactory.save($scope.action);
      alert('Action "' + $scope.action.title + '" created');
    }
    $location.path("/main/actions");
  }
}

Slim の api/index.php で、これらのルートと関数を定義しました。

$app->get('/main/actions', 'getActions');
$app->get('/main/actions/:actionid',    'getAction');
$app->post('/main/actions', 'addAction');
$app->put('/main/actions/:actionid', 'updateAction');

新しい「アクション」を作成すると、すべてが期待どおりに機能します。しかし、既存のものを編集しようとすると、次のエラーが発生します。

PUT http://project.local/api/main/actions 404 Not Found

アクションは更新されません (ただし、「アクション xxx が更新されました」という警告メッセージが表示されます)。

私の routeProvider 設定に問題がありますか? PUT url の最後に ID が抜けていると思います...

たとえば、 POSTMan-Chrome-Extensionを使用して PUT リクエストをシミュレートしようとすると、すべてが正常に機能していることを正確に示します (PUT http://project.local/api/main/actions/3は期待されるデータを返します) 。

4

1 に答える 1