Javascript onclick上父控制器的按钮组件文本更改无效-AngularJS 1.7

这是一个现有的项目，这里我使用的是AngularJS 1.7

我有一个切换按钮组件，下面是toggle-button.component.js

angular.module('cxvr')
  .component('toggleButton', {
    require: {},
    bindings: {
      text: '=',
      obj: '='
    },
    transclude: true,
    templateUrl: template,
    controller: function ($scope, $element) {
      }
    }
  });

toggle-button.template.html

<button class="toggle-button" ng-click="$ctrl.toggleActionn()">
  <span class="theme-floating-button-img"></span>{{$ctrl.text}}
</button>

我的问题是，我想从这个控制器更改它的onclick函数上的按钮组件文本（按钮文本-$ctrl.text）。我试图按上面所示编写代码，但单击功能时按钮文本没有改变

---

提前谢谢。

嗨，请告诉我你什么时候点击了切换按钮“实弹射击”？@HadiJahangiri是的

 <toggle-button class="live" obj="$ctrl.obj" text="$ctrl.text" ng-click="$ctrl.liveAction()">
</toggle-button>

   angular.module('consumerServiceApp').controller(CONTROLLER,
      function (MenuPaginationService) {
     $ctrl.obj = [{text:'LIVE', class:"live"}];
     $ctrl.text = $ctrl.obj[0].text;

     $ctrl.liveAction = function () {
          $ctrl.text ="zzz";
        }; 
    });