anglejsのポップアップモーダルを持つディレクティブ

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" 
    }); 
}