จะเพิ่มฟังก์ชั่นต่าง ๆ ได้ในคลิกเดียว?

ฉันกำลังมองหาวิธีการดำเนินการนี้ แต่ฉันไม่พบสิ่งที่เกี่ยวข้องจนถึงตอนนี้ :( ฉันสามารถซ้อนฟังก์ชันทั้งสองได้ แต่ฉันแค่สงสัยว่ามันเป็นไปได้หรือไม่ฉันต้องการทำสิ่งนี้อย่างแท้จริง:

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

รหัส JS ของฉันในขณะนี้:

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

ฉันต้องการโทรหาทั้งสองฟังก์ชันด้วยการคลิกเพียงครั้งเดียวฉันจะทำสิ่งนี้ใน angularJS ได้อย่างไร ฉันคิดว่ามันจะตรงไปตรงมาเหมือนใน CSS เมื่อคุณเพิ่มหลายคลาส ... แต่ไม่ใช่ :(

คุณมี 2 ตัวเลือก:

1. สร้างวิธีที่สามที่ล้อมทั้งสองวิธี ข้อดีที่นี่คือคุณใส่ตรรกะน้อยลงในแม่แบบของคุณ

2. มิฉะนั้นหากคุณต้องการเพิ่ม 2 สายใน ng-click คุณสามารถเพิ่ม ';' หลังจากedit($index)นี้

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

ดูที่นี่: http://jsfiddle.net/laguiz/ehTy6/

คุณสามารถเรียกหลายฟังก์ชั่นได้ด้วย ';'

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

ผู้คนจำนวนมากใช้ตัวเลือก (คลิก) ดังนั้นฉันจะแชร์ด้วย

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

ลองสิ่งนี้:

• สร้างชุดของฟังก์ชัน
• สร้างฟังก์ชั่นที่วนซ้ำและดำเนินการฟังก์ชันทั้งหมดในคอลเล็กชัน
• เพิ่มฟังก์ชั่น html

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

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

ng - click = "loop()"

ทำตามด้านล่าง

ng-click="anyFunction()"

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

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