Bagaimana cara menambahkan banyak fungsi dalam SATU klik?

Saya sudah mencari cara untuk menjalankan ini tetapi saya tidak dapat menemukan apa pun yang terkait sejauh ini, :( Saya bisa membuat sarang kedua fungsi ya tapi saya hanya ingin tahu apakah ini mungkin? Saya ingin melakukan ini secara harfiah:

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

Kode JS saya saat ini:

$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);
};

Saya ingin memanggil dua fungsi hanya dengan satu klik, bagaimana saya bisa melakukan ini di angularJS? Saya pikir ini akan langsung seperti di CSS ketika Anda menambahkan beberapa kelas ... tapi itu tidak :(

Anda memiliki 2 opsi:

1. Buat metode ketiga yang membungkus kedua metode. Keuntungannya di sini adalah Anda lebih sedikit menaruh logika pada template Anda.

2. Kalau tidak, jika Anda ingin menambahkan 2 panggilan di ng-klik Anda dapat menambahkan ';' setelah edit($index)seperti ini

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

Lihat di sini: http://jsfiddle.net/laguiz/ehTy6/

Anda dapat memanggil beberapa fungsi dengan ';'

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

Banyak orang menggunakan opsi (klik) jadi saya akan membagikan ini juga.

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

Coba ini:

• Buat koleksi fungsi
• Buat fungsi yang melewati dan menjalankan semua fungsi dalam koleksi.
• Tambahkan fungsi ke html

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

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

ng - click = "loop()"

Ikuti di bawah ini

ng-click="anyFunction()"

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

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