Kapein Kapein - 1 year ago 101
ASP.NET (C#) Question

How to stop a page refresh in angular 2 within aspx

The pagemethod works, however when I use the webmethod it refreshes the page destroying the reason to use angular 2 in the first place.

How do I prevent the form from refreshing the page?


<form id="form1" runat="server">
<asp:ScriptManager ID="ScriptManagerMain"
EnablePageMethods="true" >


public static string getString()
return "Test";


<Button (click)="btnSubmit_Click">test</Button>


var test = window['PageMethods'].getString(this.onSucces, this.onError);


At this moment I'm trying to use angular 2 with aspx for the company if it works it might become a standaard for small frontend api's and since its quite limited on information I appreciate any help.

Answer Source

You should make button type as button, because by default button type is submit. button with type submit may lead to post back a page.

    <Button type="button" (click)="btnSubmit_Click()">test</Button>
Recommended from our users: Dynamic Network Monitoring from WhatsUp Gold from IPSwitch. Free Download