Làm cách nào để thêm nhiều chức năng trong MỘT ng-click?

Tôi đang tìm cách thực hiện điều này nhưng tôi không thể tìm thấy bất cứ điều gì liên quan cho đến nay :( Tôi có thể lồng cả hai chức năng có nhưng tôi chỉ tự hỏi liệu điều này có thể không? Tôi muốn làm điều này theo nghĩa đen:

<td><button class="btn" ng-click="edit($index) open()">Open me!</button></td>

Mã JS của tôi tại thời điểm này:

$scope.open = function () {
  $scope.shouldBeOpen = true;
};      

$scope.edit = function(index){

  var content_1, content_2;
      content_1 = $scope.people[index].name;
      content_2 = $scope.people[index].age;

  console.log(content_1);
};

Tôi muốn gọi hai chức năng chỉ bằng một cú nhấp chuột, làm thế nào tôi có thể làm điều này trong angularJS? Tôi nghĩ rằng nó sẽ đơn giản như trong CSS khi bạn thêm nhiều lớp ... nhưng không phải là :(

Bạn có 2 lựa chọn:

1. Tạo một phương thức thứ ba bao bọc cả hai phương thức. Ưu điểm ở đây là bạn đặt ít logic hơn trong mẫu của bạn.

2. Mặt khác, nếu bạn muốn thêm 2 cuộc gọi trong ng-click, bạn có thể thêm ';' sau edit($index)như thế này

   ng-click="edit($index); open()"

Xem tại đây: http://jsfiddle.net/laguiz/ehTy6/

Bạn có thể gọi nhiều hàm bằng ';'

ng-click="edit($index); open()"

Rất nhiều người sử dụng tùy chọn (click) vì vậy tôi cũng sẽ chia sẻ điều này.

<button (click)="function1()" (click)="function2()">Button</button>

Thử cái này:

• Tạo một bộ sưu tập các chức năng
• Tạo một hàm lặp qua và thực thi tất cả các hàm trong bộ sưu tập.
• Thêm chức năng vào html

array = [
    function() {},
    function() {},
    function() {}
]

function loop() {
    array.forEach(item) {
        item()
    }
}

ng - click = "loop()"

Thực hiện theo dưới đây

ng-click="anyFunction()"

anyFunction() {
   // call another function here
   anotherFunction();
}

ng-click "$watch(edit($index), open())"