angular-ui-bootstrap - ヘッダー部分にボタンがある Angular UI アコーディオン

Question

http://angular-ui.github.com/bootstrap/のアコーディオン ディレクティブを使用しており、ヘッダー部分に 2 つのボタンが必要です。

1. 追加 - オリジナルの下にまったく同じアコーディオンを作成します。
2. 削除 - アコーディオンを削除します。(最初のアコーディオンは削除できません - [削除] ボタンを無効にします)。

私は AngularJS が初めてなので、これを達成するのを手伝ってください。

Answer 1

これだけを入れてください e.originalEvent.cancelBubble=true;

  $scope.addGroup = function(idx, group, e) {
    if (e) {
      e.originalEvent.cancelBubble=true;
    }
    var newGroup = angular.copy(group);
    newGroup.no = $scope.groups.length + 1;
    $scope.groups.splice(idx + 1, 0, newGroup);
  };

  $scope.removeGroup = function(idx, e) {
    if (e) {
      e.originalEvent.cancelBubble=true;
    }

    $scope.groups.splice(idx, 1);
  };