ng-click не работает на программно добавленных кнопках - PullRequest
Новая
       13

ng-click не работает на программно добавленных кнопках

0 голосов
/ 17 апреля 2019

Я пытаюсь добавить некоторые кнопки (ons-button) динамически.Кнопки выглядят как положено, но связанные с ними ng-click никогда не запускаются.Кажется, это проблема с моим пониманием того, как манипулирование DOM работает под AngularJS.

Я пытался читать связанные вопросы, но большинство из них пытаются использовать директивы, поэтому я хотел бы использовать простой способздесь.

Вот код: 

    var module = angular.module("my-app", ["onsen"]);

    module.controller("ListenButtonController", [
      "$http",
      "$scope",
      function($http, $scope) {
      var myList = [];
        $scope.onButtonClick = function(message){
          alert('Button clicked, with the message '+message);
        }

        $scope.onAddButtons = function(newList){
          myList = [...newList];
        }

        }


      }
      ]);

Вот код HTML: 

<ons-page ng-controller="ListenButtonController">
      <ons-button modifier="large" ng-click="onAddButtons(['a','b','c'])">
        Click to test
    </ons-button>
    <ons-button ng-repeat="element in myList" ng-click="onButtonClick(element)"></ons-button>
</ons-page>
...