How to fix AngularJS ng-click causing the page refresh in Button Click

I create a Demo App with AngularJS in Sharepoint 2013 Environment.

the Demo App works well with Both FireFox and IE Browser. However the app always refresh and reload the content when i click on any button in Safari.

here is my Code

<div ng-controller="AddContactControl">
                    <button ng-click="showAddModal(contact)">Add Contact</button>
 </div>


the root cause of issue is that the button had been automatically assigned with type "submit" if type is not assigned at design time. as a result, the click will trigger the post back.

the fix is quiet simple
<div ng-controller="AddContactControl">
                    <button ng-click="showAddModal(contact)" type="button">Add Contact</button>
  </div>

another fix is change to button to a anchor

<div ng-controller="AddContactControl">
                    <a ng-click="showAddModal(contact)" >Add Contact</a>
 </div>