AngularJS + Rails $ scope模型已更新，但未觸發重新渲染

不知道我是否正確使用Angular。我基本上想做一個簡單的鏈接/故事分享網站。

var Story = $resource("api/stories/:id", {}, { 
    query: { method: "GET", isArray: false } 
    }); 

    Story.query().$promise.then(function (data) { 
    $scope.stories = data.stories; 
    $scope.test = 1; 
    }); 

    $scope.submitForm = function(formData) { 
    Story.save({}, formData, function(data) { 
     $scope.$apply(function() { 
     $scope.stories = data.stories; 
     $scope.test = 2; 
     }); 
    }); 
    }

更改$scope.test得到體現，而不是故事。

編輯：唔所以很明顯，如果我刪除「NG控制器」

<ul ng-controller="storyController"> 
    <li ng-repeat="story in stories">{{ story.title }}</li> 
    <p>{{ test }}</p> 
</ul>

一切正常，現在.....我什至不知道爲什麼....

來源

2014-11-14 Dennis Shy

你如何使用'故事'？ – apneadiving 2014-11-14 14:29:04

在瀏覽器中啓動調試並查看「數據」對象 – 2014-11-14 14:41:25

我只是使用ng-repeat來遍歷所有故事 – 2014-11-14 14:54:29

在query()方法，您將$scope.stories設置爲數組，但是，看起來您嘗試將$scope.stories設置爲我假設的單個故事對象。當$scope.stories更改時，您希望看到什麼？故事列表中的新故事？如果是這樣，您需要執行以下操作：

$scope.stories.push(data.stories);

您不替換數組，您正在爲其添加新索引。

來源

2014-11-14 14:36:04 tagCincy

我的創建api方法返回一個新的故事列表，我的意圖是將當前範圍故事設置爲新的名單。我在保存之後假設它收到一組故事+我剛剛創建的故事。然後，如果我將scope.stories設置爲新列表，它將會更新 – 2014-11-14 15:05:20

好的很明顯，答案是我已經定義了ng-view +一個將storyController分配給該視圖的路徑。我基本上通過添加一個ng-controller指令來分配它兩次。

來源

2014-11-14 21:38:05

AngularJS + Rails $ scope模型已更新，但未觸發重新渲染

回答

相關問題