無法從工廠數據綁定在AngularJS

Question

我不知道我在做什麼錯了......這裏 應用

var traccApp = angular.module('traccApp', [ 
    'ngRoute', 
    'ngResource' 
]); 

工廠裏

traccApp.factory('TraccData', ['$resource', 
    function($resource) { 
     return $resource('app/data/tracks/:id', {id: '@id'}); 
    }]); 

控制器這裏

traccApp.controller('newsFeedController', ['$scope', 'TraccData', 

    function($scope, TraccData) { 

     $scope.tracks = TraccData; 
    }]); 

在這裏觀看

<div ng-controller="newsFeedController"> 
<p><strong>Artist:</strong> {{tracks.artist}}</p> 
</div> 

JSON這裏

{ 
     "id": 1, 
     "artist":"Lorum Ipsum", 
     "title":"test tes ", 
     "genre":"lorum ipsum genre", 
     "cover":"file" 
} 

沒有對象被顯示在我的看法？一切似乎是越來越綁定，並即時得到任何錯誤或者..

Answer 1

沒有指定型號：

<div ng-controller="newsFeedController" ng-model="tracks"> 
    <p><strong>Artist:</strong> {{tracks.artist}}</p> 
</div> 

不過請注意，這是一個很好的做法，模型中的一個點。

Answer 2

它看起來像你只得到資源對象，不執行任何要求：

$scope.anArtist = '' 
$scope.tracks = TraccData.query(function() { 
    $scope.anArtist = $scope.tracks[0]; 
}); 

而且在你的標記：

<p><strong>Artist:</strong> {{anArtist.artist}}</p>