2016-03-08 26 views
0

我有一个页面(.aspsx)由angularjs模式开启,这是代码: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 }); 
    } 

的页面被正确地关闭,但结束后有一个重定向到模态页(具有不正确的路径,只有页面名称)和i具有误差。

我该如何防止重定向?

感谢

UPDATE 随着类型= “按钮” 属性, “取消” 按钮正常工作。

但现在我已经注意到,asp:按钮有同样的问题。

回答

0

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

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

Read the MDN docs

+0

非常感谢你,现在完美的工作.... EC: “取消” 的作品,但 “保存” 有同样的问题,...。 – stepush

+0

有[UseSubmitBehaviur](https://msdn.microsoft.com/en-us/library/system.web.ui.webcontrols.button.usesubmitbehavior(v = vs.80).aspx)属性。所以:''会添加'type =“按钮“到按钮,它应该如你所愿地工作。 –