Angularjs: call other scope which in iframe

Question

In my test, given 2 document, A and B. In A document, there is an iframe, the iframe source is B document. My question is how to modify B document certain scope of variable?

Answer 1

This one is quite simple and works for me:

in the controller code of iframe page:

$window.parent.window.updatedata($scope.data);

in the parent page controller code:

window.updatedata = function (data) {
 $scope.$apply(function () {
     $scope.data = data
   }
 }