使用AngularJS檢索Rails中的嵌套資源

Question

我一直在努力將基於Railscast的AngularJS實現到我的Rails應用程序中作爲起點。我的問題類似於這個問題：Angular JS ngResource with nested resources，但我還沒有找到解決我的問題。

目前我有一個嵌套的資源，我通過部分顯示在父資源的視圖上。我需要在查詢供應PROJECT_ID，以獲取任務，所以我必須：

app.factory "Task", ["$resource", ($resource) -> 
    $resource("/projects/:project_id/tasks/:id", {project_id: "@project_id", id: "@id"}, {update: {method: "PUT"}}) 
] 

@TaskCtrl = ["$scope", "Task", ($scope, Task) -> 
    $scope.tasks = Task.query({project_id: "@project_id", id: "@id"}) 

我的問題是，我怎麼設置視圖「@project_id」，這樣在最後一行我例如值可以在控制器中訪問？我試圖用NG-INIT：

<div ng-controller="TaskCtrl" ng-init="project_id = <%= @project.id %>"> 

然而，一旦在我TaskCtrl控制器的PROJECT_ID'是空白的，和 '$ scope.project_id' 也不起作用。任何幫助表示讚賞。

Answer 1

ng-init在模板執行之前運行，而不是在控制器init之前運行。 如果只有模板知道project_id，則創建一個共享服務（它可以是一個簡單的值工廠），它保存項目ID並將其注入到控制器中。 您可以從TaskController

<div ng-controller="ProjectIDController"> 
    <span ng-init="project_id = <%= @project.id %>"></span> 
</div> 

<div ng-controller="TaskCtrl"> 
    ... 
</div> 

function ProjectIDController($scope, sharedService) { 
    $scope.$watch('project_id', function (UID) { 
     sharedService.setProjectID($scope.project_id); 
    }); 
} 

function TaskCtrl ($scope, Task, sharedService) { 
    $scope.tasks = Task.query({project_id: sharedService.getProjectId()... 
} 

抱歉，沒有咖啡之前初始化另一個控制器填補服務...

Answer 2

雖然這並不通過AngularJS解決這個問題，我結束了剛好路過的值通過在gon寶石：

項目控制器：

def show 
    gon.project_id = @project.id 
    . 
    . 
    end 

咖啡js文件：

$scope.tasks = Task.query({project_id: gon.project_id}) 

Answer 3

坤是不是一個很好的解決方案

http://docs.angularjs.org/api/ng.directive:ngInit

，或者你可以嘗試this