angularjs - angularjsで独自のモーダルを作成し、ブートストラップなし

Question

私の最後のデザインでは、ブートストラップなしで独自のテンプレートを作成しました。コードに angularjs を挿入します。

私の場合は次のとおりです。テンプレートの編集でデータフォームを表示したいのですが、モーダルで表示する必要があります

独自のモーダル ディレクティブを作成する方法はありますか?

私はこのような私のコードを持っています:

angular.directive('myModal', function() {
    var template = '<div class="modal" ng-show="viewModal">modal here!<a ng-click="close()">Close</a></div><a ng-show="showModal" ng-hide="viewModal" ng-click="view()">Click me</a>';
    return {
        scope: {
            title: '=',
            template: '='
        },
        link: function(scope, element, attrs) {
            scope.view = function() {
                scope.viewModal = true;
            }
            scope.close = function() {
                scope.viewModal = false;
            }
        }
    }
});

答えてくれてありがとう