AngularJS：打开新窗口并维护双向数据绑定

Question

我正打算在里面打开一个带有角度$scope数据的新浏览器窗口：

<div ng-app="test" ng-controller="testController">
<input type="text" ng-model="var" />
    <button ng-click="openWindow()">push!</button>
</div>

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

test.controller('testController', ['$compile', '$scope','$window', function($compile, $scope, $window) {
    $scope.var = 'hello'
    $scope.openWindow = function() {
        $scope.window = $window.open('', '_blank', 'width=500,height=400');
        angular.element($scope.window.document.body).append($compile($scope.var)($scope));
    };
}]);

的jsfiddle

以上内容不会返回窗口中的任何数据。 它像这里的指令一样工作 。

如果我append('hello world')它是有效的。 有人可以告诉我如何在不使用指令的情况下正确绑定数据，如果可能的话？

Answer 1

您可以使用绑定附加到body编译的元素

$compile('<div>{{var}}</div>')($scope)

或者你可以将html添加到body本身并编译它

$compile(angular.element($scope.window.document.body).html('{{var}}'))($scope);

示例JSFiddle