angularjs의 팝업 모달을 사용하는 지시문

Question

표시 될 조건에 따라 버튼/텍스트 영역/드롭 다운이있는 지시문이 있습니다. 해당 버튼을 클릭하면 모달 팝업이 열립니다. 내가 어떻게 이걸 얻을 수 있니? 나는 바이올린이나 plnkr을 만들기위한 코드가 없다.

미리 감사드립니다. 여기

Answer 1

을 수행하면 모달 (각 스트랩, 각도 - 부트 스트랩 또는 기타)에 대한 라이브러리를 사용하여 코드 조각

//in your main html file 
<webhook-params></webhook-params> 

//your directive html code 
<div class="form-inline"> 
    //show hide conditional scope available here 
    <div class="form-group"> 
    <input type="text" class="form-control" placeholder="Name" /> 
    </div> 

    <div class="form-group"> 
    <button class="btn btn-default" 
     aria-label="Remove" ng-click="someFunc()" > 
     <i class="glyphicon glyphicon-remove"></i> 
    </button> 
    </div> 
</div> 

//in your app.js file 
.directive('webhook-params', ['$scope', function($scope) { 
    return { 
    restrict: 'A', 
    replace: true, 
    transclude: true, 
    scope: $scope, 
    controller: 'ledgerController', 
    templateUrl: "YOUR_TEMPLATE_URL" 
    } 
}]) 


//in your controller 
$scope.someFunc = function(){ 
    //do something 
    $scope.myModal = $modal({ 
    scope: $scope, 
    templateUrl: 'your_file_path', 
    show: true, 
    backdrop: "static" 
    }); 
}