Ошибка возникает из-за синтаксических ошибок.
Ваш код:
$('.next-btn').append("<a class="actionsubmit" ng-click="onSubmit('hello.html')">Check</a>");
Вы не можете использовать "
внутри этой строки без экранирования. Например:
$('.next-btn').append("<a class=\"actionsubmit\" ng-click=\"onSubmit('hello.html')\">Check</a>");
Пожалуйста, прочитайте: https://www.w3schools.com/js/js_strings.asp
Поскольку строки должны быть записаны в кавычках, JavaScript будет неправильно понимать эту строку:
var x = "We are the so-called "Vikings" from the north.";
Строка будет прервана до «Мы так называемые». Решение, чтобы избежать этой проблемы, состоит в использовании символа обратной косой черты. Экранирующий символ обратной косой черты (\
) превращает специальные символы в строковые символы.
Теперь вы также можете создать элемент в jQuery. Рекомендуемый код:
var newA = $("<a>", {
class: "actionsubmit",
"ng-click": "onSubmit('hello.html')"
}).html("Check");
$('.next-btn').append(newA);
Надеюсь, это поможет.