javascript - onclick 时从父控制器更改的按钮组件文本不起作用 - AngularJS 1.7

Question

这是针对现有项目的，这里我使用的是 AngularJS 1.7。

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

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

切换按钮.template.html

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

这是我使用切换按钮的 html

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

我的问题是我想从这个控制器更改它的 onclick 功能上的按钮组件文本（按钮文本 - $ctrl.text）。我尝试如上所示进行编码，但按钮文本在点击功能上没有改变。

提前致谢..