Вызов функции контроллера внутри iframe

Question

Я использую ViewerJS для вызова файла odp.Я знаю, как вызвать функцию javascript с родительской страницы на страницу внутри iframe, но я не знаю, как это сделать в angularjs.Я исследовал, но это меня сильно смущает.Я надеюсь, что кто-то может очистить мой взгляд на этот счет.

В моем контроллере я хочу получить текущую страницу и общее количество страниц внутри iframe.Я сделал это с помощью javascript кода, который я создал на родительской странице, но не могу сделать это внутри моего контроллера.

контроллер

$scope.url = "/ViewerJS/#../Uploads/" + $scope.data.filename;
$scope.getPages = function (currPage, totalPage) {
    console.log(currPage);
}
$scope.test = function (v) {
    console.log(v);
}

viewres.html

<iframe ng-src="{{url}}" allowfullscreen webkitallowfullscreen height="500" width="700" id="viewId"></iframe> 
<input type="text" ng-model="totalPages" id="totalPages">
<input type="text" ng-model="currPage" id="getpage">
<button ng-click="test(currPage)">test</button>

Я пытался связать его в модели, но, к несчастью, я получил неопределенный результат в моей $scope.test() функции

Javascript внутриviewres.html

function getPages(currPage,totalPage) {
      document.getElementById('getpage').value = currPage;
      document.getElementById('totalPages').value = totalPage;
      document.getElementById('test1').innerHTML = totalPage;
      if (currPage === totalPage) {
          console.log("end of page");
      }
}

Этот код JavaScript работает, но значение, введенное во входные данные, не было привязано к области.Я просто хочу напрямую вызывать мою функцию контроллера внутри iframe вместо этой функции javascript.