각도 ui 모달 부모 범위를 참조 할 수 없습니다

Question

각도 ui 모달을 사용하여 프로젝트에서 모달을 만듭니다.

상위 범위의 변수를 참조해야합니다. plunker code

모달이 부모 범위에 액세스 할 수없는 것 같습니다. 이것을 극복 할 수있는 방법이 있습니까?

Answer 1

각도 UI의 모달은 $rootScope으로 기본값은 (See the documentation here)입니다.

모달을 열 때 사용자 정의 범위와 함께 scope 매개 변수를 전달할 수 있습니다 (예 : 부모 범위를 전달하려면 scope: $scope. 모달 컨트롤러는 해당 범위에서 하위 범위를 생성하므로 초기 값으로 만 사용할 수 있습니다.

Answer 2

부모 div에 ID를 추가하고 범위를 사용할 수 있습니다.

<div id="outerdiv" ng-controller="OuterCtrl"> 
<h2>Outer Controller</h2> 
<input type="text" ng-model="checkBind"> 
<p>Value Of checkbind: {{checkBind}}</p> 

그리고 설정은 "가짜"컨트롤러

//init 
$scope.checkBind = angular.element(document.getElementById('outerdiv')).scope().checkBind; 

    $scope.$watch('checkBind', function (newValue, oldValue) { 
//update parent 
    angular.element(document.getElementById('outerdiv')).scope().checkBind = $scope.checkBind; 
    }); 

내에서 바인딩 http://plnkr.co/edit/u6DuoHJmOctFLFhvqCME?p=preview

Answer 3

당신은 당신의 $ 모달 옵션에서 부모 범위를 참조해야합니다 참조하십시오. 다음은 Angular documentation

Corrected Plunker Version

도 나는 그것이 작동하도록 추가 무엇의 코드입니다.

var modalInstance = $modal.open({ 
    templateUrl: 'myModalContent.html', 
    controller: ModalInstanceCtrl, 
    scope:$scope, //Refer to parent scope here 
    resolve: { 
    items: function() { 
     return $scope.items; 
    } 
    } 
});