Деактивация ui-sref при нажатии кнопки

я использую шаблоны для сетевого банковского приложения (проект в университете) и пытаюсь реализовать кнопку удаления для шаблонов. Каждый элемент списка сам по себе является кнопкой и изменяет вид при нажатии на один элемент списка. Внутри я неоднократно создавал кнопку удаления. Проблема в том, что каждый раз, когда я нажимаю кнопку удаления, представление также меняется - есть ли, например, простой ng-click, который деактивирует ui-sref при нажатии кнопки удаления?

  <div ng-model="chosentemplate">
  <a class="item item-thumbnail-left" ng-repeat="template in Templatelist" ng-model="choosetemplate" ui-sref="tab.transactions({params:template.iban})">
              <img ng-src="img/{{template.image}}">
              <h2><b>{{template.name}}</b></h2>

              <p ><b>IBAN</b> {{template.iban}}</p>
              <button ng-if="deletePress" ng-click="deleteTemplates($index)" ng-model="deletethistemplate" class="button button-small button-assertive">
                  Löschen
              </button>

  </a>
</div>

Большое спасибо!!