angularjs - Angularjs子控制器获取父控制器范围变量不起作用？

Question

我是 Angularjs 的新手，这是我的代码，

angular.module('remoteApp')
  .controller('ScreensavertabCtrl', function ($scope, $modal, $log, $state,Screensaverchpwservice,  
    Screensaverchpwgetservice) { 
      $scope.screensaverData = {
         screensaver:{
           pwProtect: '1'
         }
       };

  $scope.pwProtectOpen = function () {
    if($scope.screensaverData.screensaver.pwProtect == true){
      var modalInstance = $modal.open({
        templateUrl: 'pwProtectModalContent.html',
        controller: pwProtectModalInstanceCtrl
    });
  }     
};

var pwProtectModalInstanceCtrl = function ($scope, $modalInstance) {
  $scope.pwProtectCancel = function () {
    $modalInstance.dismiss('cancel');
    console.log($scope.screensaverData.screensaver.pwProtect)
  };

};});

当我启用 pwProtectCancel 功能时，我想得到$scope.screensaverData.screensaver.pwProtect

值，我尝试使用 '$scope.$parent.screensaverData.screensaver.pwProtect' 不起作用？

我对此感到很困惑，

任何人的想法？

Answer 1

将您的 $modal 服务调用更改为

var modalInstance = $modal.open({
        templateUrl: 'pwProtectModalContent.html',
        controller: pwProtectModalInstanceCtrl
        scope:$scope
}

你应该得到没有模态范围的数据。

文档提到了范围选项

scope - 用于模态内容的范围实例（实际上 $modal 服务将创建一个提供的范围的子范围）。默认为 $rootScope

它获得的默认值是 rootscope。