2014-09-09 1 views
0

버튼이 있습니다. 버튼을 클릭하면 해당 모델에서 모델을 열고 텍스트 필드와 제출 버튼이 있습니다. 제출 버튼을 클릭하면 입력 필드의 값을 입력 필드로 설정해야합니다. 모델의 컨트롤러를 만들고 우리가 제출 버튼의 click 이벤트를 작성하는 곳은 어디입니까? 모달 추가 컨트롤러와 데이터를 개방하는 것은 제출에 해결하는 getDataController NG 클릭에 대한 함수를 정의에서각도를 사용하여 모델의 데이터를 텍스트 필드로 보내는 방법은 무엇입니까?

$modal.open({ 
      templateUrl: 'myModalContent.html', 
      backdrop: true, 
      windowClass: 'modal', 
      controller: getDataController, 
        resolve: { 
         items: 
          function() { 
           return { 
            //getUserData is some function to fill input value on main screen in main controller which takes submitted value as parameter 
            someParameterInItems:$scope.getUserData, 
           }; 
          } 
        } 
       }); 


     }); 
//example controller 

var getDataController = function ($scope,$modalInstance,items) { 
$scope.onClickFunctionInModal=function(){ 
    items.someParameterInItems(submittedValue); 
} 

} 

로 전송 (또는 기능을 제출) 할 수 있지만 여기, plunker http://plnkr.co/edit/8FnZ2disRS3ALdRWVvpT?p=preview

var app= angular.module('app',['ui.bootstrap']); 
    app.controller('cntr', function($scope, $modal){ 
      $scope.onButtonClick = function() { 

     $modal.open({ 
      templateUrl: 'myModalContent.html', 
      backdrop: true, 
      windowClass: 'modal', 


     }); 
    }; 
     }) 
how to set value in input field? 

답변

1

입니다 이 경우 정의 된 함수에 데이터가 전송됩니다. 'onClickFunctionInModal'매개 변수가있는 'getUserData'함수를 호출합니다.

도움이 되었으면

1

표준 사용에서는 각 입력 필드에 ng-model을 사용하여 범위에 변수를 게시해야합니다. 그리고 모달을 제출할 때 모달 리턴 된 약속에 의해 반환 된 입력 값을 얻습니다. 여기

은 plunker가 업데이트됩니다 :

 $modal.open({ 
      templateUrl: 'myModalContent.html', 
      backdrop: true, 
      windowClass: 'modal', 
      controller: ModalInstanceCtrl 
     }) 
     .result.then(function(updatedItem){ 
      $scope.myLocalVar = updatedItem; 
     }); 

http://plnkr.co/edit/toQOBNzcGtsTgSJiMB5H?p=preview

관련 문제