jQuery设置input value Angularjs controller 无法获取

我知道这样做是有违背Angularjs规定的写法的。
先说说场景吧。
用户在A页面点击“新增”按钮，window.open出一个B页面，在B页面填完信息后，点击保存，想要回显到A页面。然后连同A页面一些信息进行提交到controller.
因为刚接触Angularjs，所以还是以页面B opener.document.getElementById 设置父页面（A页面隐藏的input值）。
但是却出现页面上input view是改变了，但是实际的model根本没有变化，controller中取到的值都是 undefined ；
想请教下
1.如果这样的写法，应该怎么操作才能使得controller中可以取到隐藏的B页面回传的input的值。
2.如果遵循Angularjs写法，应该怎么变化？

附A页面：

<a href="javascript:void(0);" ng-click="add()" >新增</a>
<input id = "abv" ng-model="abv" class="intxt" type="text">
<a href="javascript:void(0);" ng-click="save()" id = "save">保存</a>
A.js:

$scope.add = function(){
    var openCustomer =  window.open('B.html');

};
$scope.save = function(){
    console.log('save ' + $scope.abv);

};

页面B：

this.opener.document.getElementById("abv").value = document.getElementById("a").value;
this.opener.document.getElementById("save").click();