Почему, если угловая функция нажимает кнопку, значения, которые я хочу изменить, не делают этого, но если я нажимаю кнопку вручную, она делает

проблема здесь в том, что у меня есть форма, которая получает его значения из угловой функции. У меня есть одна кнопка, которая меняет значения для тегов ввода, и у меня есть кнопка отправки, которая отправляет эти значения. Поэтому, когда я нажимаю эту последнюю кнопку, она работает нормально. Но я хочу, чтобы первая кнопка не только меняла значения формы, но и нажала кнопку отправки. Итак, вот функция, которая меняет значения формы.

 todoList.remove = function(aborrar) {
  if (aborrar.id != undefined || aborrar.id != null) {
    todoList.elaborrar = aborrar.id;
    console.log("si tiene id y es "+aborrar.id);
    todoList.elnoquerido = '/api/users/remove_tags/<%=user.id%>';
    console.log(todoList.elnoquerido);
    $('#elimina').trigger("click"); //THIS IS THE PROBLEM

  };
  angular.forEach(todoList.todos, function(todo,i) {
    if (aborrar.title==todo.title) {
        todoList.todos.splice(i, 1);
    };
  });
};

и html

<form name='myform2' method="POST" class="" novalidate action="{{todoList.elnoquerido}}" >
    <input type="hidden" name="_csrf" value="<%= _csrf %>">
    <input name="aborrars" type="hidden" value="{{todoList.elaborrar}}">
    <input id="elimina" class="btn btn-medium btn-primary elimina" type="submit"  value="Eliminar">
  </form>

Я думаю, что это может произойти, потому что некоторые асинхронные вещи? Я также пытаюсь с этим...

document.getElementById("elimina").click();

и это

$('#elimina').click();