не удается вызвать угловые функции

#javascript #jquery #angularjs

Вопрос:

Я впервые использую jQuery/Angular, у меня есть кнопка из инструмента с предопределенными функциями, вызываемыми на кнопке.

 <button ng-repeat="button in formCtrl.getNextButtons()" class="btn btn-white btn-sm btn-info ng-binding ng-scope" type="button" ng-disabled="button.isDisabled() || button.isLoading() || formCtrl.isLockedSubmit()" ng-mouseup="formCtrl.buttonUp(button, $event)" ng-keypress="formCtrl.keyPress(button, $event)" id="NextBtn1">Next      </button>
 

Мое требование здесь состоит в том, чтобы обработать что-то при отправке, т. Е. Нажать Next , а затем форма должна быть отправлена так, как это должно было быть. Я попытался прикрепить с onclick() помощью клона на этой кнопке, где вызывается функция, но затем форма не отправляется, и если прикрепить onclick без клона, то onclick функция не вызывается.
Ниже приведены используемые функции:

 function cbutton(){
    var temp = $("#NextBtn1")[0];
    var newvar = temp.cloneNode(true);
    temp.parentNode.replaceChild(newvar, temp);
    $("#NextBtn1").attr("onclick", "trial()");
    
}

function trial(){
    alert("Inside trial function...");  
    return true;
}
 

Пожалуйста, помогите, что здесь делать?

Комментарии:

1. Смешивать ручные манипуляции DOM с AngularJS — не очень хорошая идея. Это приведет к неожиданным результатам. Вместо ng-наведения курсора мыши и нажатия клавиши ng попробуйте ng-click="trial()" , предположив , что вы прикрепили trial функцию к объекту $scope.