각도 js에서 클릭 할 때 $ scope.closePopup을 호출하는 방법은 무엇입니까?

닫기 팝업 아이콘을 클릭 할 때 동작을 호출하려고 할 때 팝업을 만들었습니다. 변경 사항이 표시되지 않습니다.

하단의 index.html에는 팝업 코드가 표시되며 사용자가 우편 번호 링크 변경을 클릭하면 표시됩니다.

<!-- Pop up div --> 
    <div class="popup" ng-show="myModal" ng-controller="utilityCtrl"> 
     <!-- Modal content --> 
     <div class="popup-content"> 
      <span class="close" ng-click="closePopup">×</span> 
     <div class="dynamicContect" id="dynamicContect"> Loading ... 
     </div> 
     </div> 
    </div> 

     <!-- html of change zip code --> 

    <div class="hidden" id="updateZipContent"> 
     <div class="zipContent"> 
      <div class="padding-bt-2">Please enter new zip code</div> 
      <div class="row"> 
       <div class="text-left col-md-6 padding-bt-2"> 
         <input ng-model="zipCode" type="text" class="form-control" maxlength="5" data-required="true" number-only> 
       </div> 
       <div class="text-left col-md-4"> 
        <button class="btn btn-primary form-control">Update</button> 
       </div> 
      </div> 
     </div> 
    </div>

변경 우편 번호 작업이 다른 작업은 내가 새로운 컨트롤러 utilityCtrl.js을 썼다 분리 유지하기 위해 autoQuotectrl.js

$scope.changeZipCode = function() 
        { 
         $rootScope.myModal = true; 
         var firstDivContent = document.getElementById('updateZipContent'); 
         var secondDivContent = document.getElementById('dynamicContect'); 
         secondDivContent.innerHTML = firstDivContent.innerHTML;       
        }

로 작성되었습니다. 여기이 팝업 숨기기 작업을 작성했습니다.

$scope.closePopup = function() 
     { 
      console.log('here in utility'); 
      $rootScope.myModal = false; 
      document.getElementById('dynamicContect').innerHTML = ""; 
     }

그러나 아무것도 작동하지, 내가 여기에 놓친 거지를 이해하는 데 도움이 바랍니다. utilityCtrl에서 $ rootScope.myModal에 액세스 할 수 없습니다.

출처

2016-08-30 Praveen D

템플릿에 함수 closePopup을 호출하지 마십시오.

예 : plunker을 참조하십시오.

<div class="popup" ng-show="myModal" ng-controller="utilityCtrl"> 
    <!-- Modal content --> 
     <div class="popup-content"> 
     <span class="close" ng-click="closePopup()">×</span> 
     <div class="dynamicContect" id="dynamicContect"> Loading ... 
     </div> 
    </div> 
    </div>

출처

2016-08-30 05:54:16

감사는 지금 작업, 실리 실수에. –

팝업 상자의 입력란에 필수 입력란을 확인하고 입력란 아래에 오류를 표시하려고합니다. 이 작업을 수행하는 방법을 제안하십시오. –

새 게시물을 만들어야합니다. 하나의 게시물에 대해 몇 가지 질문을 만들 수는 없습니다. –

들이 두 개의 컨트롤러에있는, 그래서 $ 범위가 개의 다른, 당신은 $ rootScope를 사용할 수 있습니다. $ 방송 및 $ 범위를. $

출처

2016-08-30 05:57:46

각도 js에서 클릭 할 때 $ scope.closePopup을 호출하는 방법은 무엇입니까?

답변

관련 문제