如果您的HTML如下所示,则可以执行以下操作:
<div ng-controller="ParentCtrl"> <div ng-controller="ChildCtrl"> </div></div>
然后您可以按如下方式访问父范围
function ParentCtrl($scope) { $scope.cities = ["NY", "Amsterdam", "Barcelona"];}function ChildCtrl($scope) { $scope.parentcities = $scope.$parent.cities;}如果要从视图访问父控制器,则必须执行以下操作:
<div ng-controller="xyzController as vm"> {{$parent.property}}</div>参见jsFiddle:http :
//jsfiddle.net/2r728/
更新资料
实际上,由于您
cities是在父控制器中定义的,因此子控制器将继承所有作用域变量。因此从理论上讲,您不必致电
$parent。上面的示例也可以编写如下:
function ParentCtrl($scope) { $scope.cities = ["NY","Amsterdam","Barcelona"];}function ChildCtrl($scope) { $scope.parentCities = $scope.cities;}AngularJS文档使用这种方法,在这里您可以阅读有关的更多信息
$scope。
另一个更新
我认为这是对原始海报的更好回答。
HTML
<div ng-app ng-controller="ParentCtrl as pc"> <div ng-controller="ChildCtrl as cc"> <pre>{{cc.parentCities | json}}</pre> <pre>{{pc.cities | json}}</pre> </div></div>JS
function ParentCtrl() { var vm = this; vm.cities = ["NY", "Amsterdam", "Barcelona"];}function ChildCtrl() { var vm = this; ParentCtrl.apply(vm, arguments); // Inherit parent control vm.parentCities = vm.cities;}如果使用该
controller as方法,则还可以按以下方式访问父范围
function ChildCtrl($scope) { var vm = this; vm.parentCities = $scope.pc.cities; // note pc is a reference to the "ParentCtrl as pc"}如您所见,有许多不同的访问方式
$scopes。
更新jsfiddle
function ParentCtrl() { var vm = this; vm.cities = ["NY", "Amsterdam", "Barcelona"];}function ChildCtrl($scope) { var vm = this; ParentCtrl.apply(vm, arguments); vm.parentCitiesByScope = $scope.pc.cities; vm.parentCities = vm.cities;}<script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.2.20/angular.min.js"></script><div ng-app ng-controller="ParentCtrl as pc"> <div ng-controller="ChildCtrl as cc"> <pre>{{cc.parentCities | json}}</pre> <pre>{{cc.parentCitiesByScope | json }}</pre> <pre>{{pc.cities | json}}</pre> </div></div>


