Смена текста компонента кнопки с родительского контроллера при нажатии не работает - AngularJS 1,7 - PullRequest
Новая
       73

Смена текста компонента кнопки с родительского контроллера при нажатии не работает - AngularJS 1,7

0 голосов
/ 19 марта 2020

Это для существующего проекта, здесь я использую 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>

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

Моя проблема заключается в том, что я хочу изменить текст компонента кнопки (текст кнопки - $ ctrl.text) на функцию его нажатия на этом контроллере. Я пытался кодировать, как показано выше, но текст кнопки не изменяется при нажатии.

Заранее спасибо ..

...