Question

我有一个页面（.aspsx）由angularjs模态打开，这是代码：

<form id="form1" class="form-horizontal" runat="server">
        <div class="modal-header">
            <div style="float: left; display: block;">
                <h3 class="modal-title">{{vmc.title}}</h3>
            </div>
            <div style="float: right; display: block;">
                <asp:Button CssClass="btn btn btn-success" runat="server" ID="btnCreaUser" OnClick="btnCreaUser_Click" Text="Save" />
                <button class="btn btn-warning" data-ng-click="vmc.close()">Cancel</button>
            </div>
            <div style="clear: both;"></div>
        </div>

单击“取消”按钮时，调用控制器中的方法：

   function close() {
        var type = "cancel";
        $uibModalInstance.dismiss({ type: type, result: null });
    }

页面正确关闭，但在关闭后有一个重定向到模态页面（路径不正确，只有页面名称），我有一个错误。

如何阻止重定向？

感谢

更新使用type =“button”属性，“取消”按钮可以正常工作。

但现在我注意到asp：按钮有同样的问题。

Answer 1

这是因为button默认类型是提交，它提交表单。使用type="button"属性：

<button class="btn btn-warning" data-ng-click="vmc.close()" type="button">Cancel</button>

Read the MDN docs

AngularJS模式关闭，使用按钮进入窗体，导致重定向

1 个答案: