如何将动作作为模态加载

Question

我如何在指令中加载动作率？我是Angular的新手，受到了这个糟糕的挑战，我不知道自己有多努力。有什么简单的方法可以在Angular中使用模态并在其中加载MVC操作？！

<modal title="Modal" visible="showModal">
    <form role="form">
        <div class="form-group">
            <label for="email">email</label>
            <input type="email" class="form-control" id="email" placeholder="Enter email" />
        </div>
        <div class="form-group">
            <label for="password">password</label>
            <input type="password" class="form-control" id="password" placeholder="Password" />
        </div>
        <button type="submit" class="btn btn-default">submit</button>
    </form>
</modal>

ngApp.directive('modal', function () {
debugger;
return {
    template: '<div class="modal fade">' +
       '<div class="modal-dialog">' +
          '<div class="modal-content">' +
          '<div class="modal-header">' +
              '<button type="button" class="close" data-dismiss="modal" aria-hidden="true">&times;</button>' +
            '<h4 class="modal-title">{{ title }}</h4>' +
            '</div>' +
            '<div class="modal-body" ng-transclude></div>' +
         '</div>' +
        '</div>' +
     '</div>',
    restrict: 'E',
    transclude: true,
    replace: true,
    scope: true,
    link: function postLink(scope, element, attrs) {
        scope.title = attrs.title;
        scope.$watch(attrs.visible, function (value) {
            if (value == true)
                $(element).modal('show');
            else
                $(element).modal('hide');
        });
        $(element).on('shown.bs.modal', function () {
            scope.$apply(function () {
                scope.$parent[attrs.visible] = true;
            });
        });
        $(element).on('hidden.bs.modal', function () {
            scope.$apply(function () {
                scope.$parent[attrs.visible] = false;
            });
        });
    }
};

}）;

Answer 1

在您的指令的链接功能中，将http呼叫呼叫到get action resresult。然后使用 element.html(HTML content)