AngularJS - 將函數調用到組件

Question

我試圖調用我已經進入組件的函數。

這裏是我的組件buttonsController代碼：

(function(){ 
"use strict"; 

    angular 
     .module('my') 
     .component('myButton', { 
     templateUrl: '../app/src/component/buttons.html', 
     controller: buttonController, 
     controllerAs: 'btnCmpnt', 
     bindings: { 
      newElement: '&', 
      editElement: '&', 
      deleteElement: '&', 
      newTitle: '@', 
      editTitle: '@', 
      deleteTitle: '@' 
     } 
     }); 

    function buttonController($scope) { 


     var vm = this;  

     vm.newElement = () => { 
     alert("1") 
     } 
     vm.editElement = () => { 
     alert("2") 
     } 
     vm.deleteElement = () => { 
     alert("3") 
     } 

    } 

})(); 

這裏是我的buttons.html

<div class="col-md-12"> 
    <button ng-if="btnCmpnt.newTitle" title="Add configuration" class="btn btn-primary btn-md" ng-click="btnCmpnt.newElement()"> <span class="glyphicon glyphicon-plus" aria-hidden="true"></span> {{btnCmpnt.newTitle}}</button> 
</div> 

，這是我的html，我打電話給我的組件：

<my-button new-title="New" new-element="newElement();"></my-button> 

我無法打電話給我的功能。

你能幫我嗎？

Regards !!

Answer 1

那麼你永遠不會從組件內部調用綁定方法。而是用組件控制器方法覆蓋它。這

vm.newElement =() => { 
    alert("1") 
} 

將覆蓋綁定：

newElement: '&', 

所以，你有兩個選擇。您可以一起刪除vm.newElement =() => { alert("1") }。

或其他選項，如果你想在控制器中包裝。將其重命名，並從裏面調用this.newElement()：

vm._newElement =() => { 
    alert("1") 
    this.newElement() // call binding, outside function 
} 

在這種情況下，請務必在模板中使用新功能名稱：

ng-click="btnCmpnt._newElement()"