angularjsの$ Resource Instance URLへのアクセス

Question

このコードを使用してリソースインスタンスを作成しました：

$scope.book = Book.get({bookId:1});

.

これはサービスコードです：

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

bookServices.factory('Book',['$resource',
    function($resource){
        return $resource('/books/:bookId',{},{});
    }]);

.

本には、URLからアクセス可能なカバーイメージがあります。 / books/:bookid/cover.png

どのようにしてリソースインスタンスからURLを取得できますか？

$scope.book.$$url 

.

は未定義です。

Answer 1

私はこれが視聴懸念であり、そこで扱われるべきだと思います。これをテストできませんが、私のハンチはあなたのビューテンプレートにURLを構築することです。

だから、本の詳細テンプレートは次のようになります。

<div>
     <p>Name: {{ book.name }}</p>         
     <img ng-src="/books/{{ book.id }}/cover.png" alt="cover">
</div>

.

相対パスで遊ぶ必要があるかもしれませんが、それはトリックをするべきです。あなたはこれらの心配をあなたのコントローラとサービスをあなたのコントローラとサービスを外に出したいと思います、そしてangularにはこの Plunker。