angular-resource:$resource(URL).get(key)や.query(key)の戻り値をディープコピーしたい

Question

###前提・実現したいこと
angular-resourceの$resource(URL).get(key)や.query(key)の戻り値をディープコピーしたいです。
angular.copy()では、promiseが解決されませんでした。

###発生している問題・エラーメッセージ
コンソールに'test2 resolved'が出力されない。

test1 resolved

###該当のソースコード

app.controller('Ctrl', function($scope, $resource) {
  var self = this;
  
  self.test1 = $resource('data.json').get();
  self.test2 = angular.copy(self.test1);
  
  self.test1.$promise.then(function() {
    console.log('test1 resolved');
  })
  
  self.test2.$promise.then(function() {
    console.log('test2 resolved');
  })
});

###試したこと

  self.test2 = angular.copy(self.test1);

上記を、

  self.test2 = {};
  self.test2.$promise = self.test1.$promise;

と変えてみたところ、promiseは解決されるものの、ディープコピーになりませんでした。
promise が参照渡しになっているようです。

###補足情報(言語/FW/ツール等のバージョンなど)
angularjs1.5、angular-resource1.5

Answer 1

非同期処理self.test1.$promiseが完了してからangular.copyする必要があります。

DEMO

// ...
self.test1.$promise.then(function(test1){
  self.test2 = angular.copy(test1);
});
// ...

Comments

[dayomaru]

回答ありがとうございます。
確認させていただきたいのですが、この方法ですと、self.test2は、最初undefinedとなって、たとえば、HTMLで

<div ng-if="main.test2.id === '1'">
Bar, {{main.test2.title}}!
</div>

と書いたとき、正しく動作しない気がしますがどうでしょうか？