AngularJSでcontrollerからserviceに動的に値を渡す方法について

複数のShopにShelfとItemがそれぞれネストされて繋がっている以下のようなモデル構成のとき、
ngResourceを使ってデータベースにitemを追加(save)する方法についてです。

Shop
└ Shelf
└ Item

Rails側では、レンダリングされたjson "/api/shops/:shop_id/shelfs/:shelf_id/items/:id" を呼び出すAPIに専念させ、Angular側から、serviceクラスのfactoryメソッドでそれを呼んでいます。

このとき、追加するitemに紐づく動的なshop_idとshelf_idの渡し方がわかりません...
「$scope.newItem = { ... }」の中で指定しているのですがどうやら渡せないみたいで困ってます。
なぜかわかる方、おられましたら教えていただいたいです。初歩的な質問ですみませんがよろしくお願いいたします。

《service》

javascript
1angular.module('myApp').factory 'Item', ($resource) ->
2  $resource('/api/shops/:shop_id/shelfs/:shelf_id/items/:id',
3    { shop_id: '13495' },
4    { shelf_id: '93' },
5    { update: { method: 'PUT' }})

《controller》

javascript
1angular.module('myApp').controller "shopEdit", ($scope, Shop, Item) ->
2$scope.addItem = (shop, shelf) ->
3  # 保存
4  $scope.newItem = { body: shelf.item.body, shop_id: shop.id, shelf_id: shelf.id }
5  Item.save($scope.newItem)
6  $scope.newItem = newItem
7  return

行動規範の内容に同意します

回答1件

ベストアンサー

$resourceの使い方が違います。

$resourceの引数paramDefaultsの渡し方を間違えています
$resouceで__作成したクラス__をnewして、作成したインスタンスを$saveしてください

以下のように修正してください。 DEMO

coffeescript
1app= angular.module 'myApp',[
2  'ngResource'
3]
4
5app
6.factory 'Item',($resource)->
7  $resource '/api/shops/:shop_id/shelfs/:shelf_id/items/:id'
8  ,
9    shop_id: '@shop_id'
10    shelf_id: '@shelf_id'
11  ,
12    update: 
13      method: 'PUT'
14
15.run (Item)->
16  item= new Item
17  item.shop_id= 'foo'
18  item.shelf_id= 'bar'
19  item.body= 'baz'
20
21  # /api/shops/foo/shelfs/bar へ、POSTする
22  item.$save()
23  .then (response)->
24    console.log response # xhrの結果のような、ajaxリクエストの結果が返る
25    console.log item.data # {shop_id: "foo", shelf_id: "bar", body: "baz"}
26