Как реализовать удаление и добавление tabs на angular?

Question

[Роман Скобцов]

как на странице с табами реализовать удаление таба и контентной части привязанной к этому табу по клику кнопки.
и как реализовать так же добавление?

<div>
   <a href ng-click="switchView.selected = 1"  class="col-xs-12 notes-notelist active" ng-class="{active: switchView.selected == 1}">таб 1</a>
   <a href ng-click="switchView.selected = 2"  class="col-xs-12 notes-notelist active">таб 2</a>
</div>


<div>
   <div class="col-xs-12 current-note" ng-show="switchView.selected == 1">контент таба 1</div>
   <div class="col-xs-12 current-note" ng-show="switchView.selected == 2">контент таба 2</div>
</div>

Answer 1

[Николай]

Хранить данные табов в сервисе. Для операций - менять данные в сервисе. Выводить табы через ng-repeat.

Answer 2

[Alex]

Дополню ответ Николай. Примерно так:

angular.module('app')
  .controller('switchView', function() {
      this.tabs = ['tab1', 'tab2'];
      this.addTab = function (tabContent) { return this.tabs.push(tabContent); };
      this.delTab = function () { return this.tabs.pop(); };
  })