Angularjs 如何将angular指令中的动作作为模态加载

如何在指令中加载ActionResult？ 我是个新手，遇到了这个糟糕的挑战，我不知道该怎么做。 有没有简单的方法可以在angular中使用modal并在其中加载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;
            });
        });
    }
};

电子邮件
密码
提交
ngApp.指令（'模态'，函数（）{
调试器；
返回{
模板：“”+
'' +
'' +
'' +
“×；”+
“{{title}}”+
'' +
'' +
'' +
'' +
'',
限制：'E'，
是的，
替换：正确，
范围：正确，
链接：函数postLink（范围、元素、属性）{
scope.title=attrs.title；
范围$watch（属性可见，函数（值）{
如果（值==true）
$（元素）.modal（'show'）；
其他的
$（元素）.modal（'hide'）；
});
$（元素）.on（'show.bs.modal'，函数（）{
作用域：$apply（函数（）{
scope.$parent[attrs.visible]=true；
});
});
$（元素）.on（'hidden.bs.modal'，函数（）{
作用域：$apply（函数（）{
scope.$parent[attrs.visible]=false；
});
});
}
};

---

}))

在指令的link函数中，进行HTTP调用以获取ActionResult。然后使用

element.HTML（HTML内容）

将ActionResult中收到的HTML内容放在指令中，这是什么

ActionResult

？您在代码中的任何地方都没有提到它。谢谢您的回答，但是如何使用HTTP获取ActionResult Html！？只需对特定的操作方法进行Ajax调用。当您从action方法返回View（）时，它实际上返回HTML。因此，进行Ajax调用，接收HTML并将其放入元素中。