如何获取AngularJS组件中“ng click”事件的按钮文本

我在AngularJS中为可重用按钮创建了一个组件。我需要通过同一按钮的ng click事件将按钮文本传递到函数参数中。但是，我无法在函数调用中获取按钮文本

任何帮助都将不胜感激

下面是我的代码

Index.html

组成部分

输出

---

问题是，传递带有引号的变量时，它会变成一个字符串

错误的 但是，您不需要为了打印它而将其传递到函数中，也不需要注入$scope：

较好的

<div class="object-actions" ng-repeat="val in value">
   <button-control  ng-repeat="v in val" name="{{v}}"></button-control>
</div>

(function() {
  "use strict";
  angular
    .module("buttonCtrl", [])
    .component("buttonControl", {
      template: `<button ng-click="getName('$ctrl.name')">{{$ctrl.name}}</button>`,
      controller: buttonCtrl,
      bindings: {
        name: "@"
      }
    });

  buttonCtrl.$inject = ["$scope"];

  function buttonCtrl($scope) {
    $scope.getName = function(name) {
      alert(name);
    };
  }
})();

ng-click="getName('$ctrl.name')"

function buttonCtrl() {
    var ctrl = this;

    ctrl.getName = function() {
      alert(ctrl.name);
    };
}

ng-click="$ctrl.getName()"