AngularJs jQuery: динамическое добавление HTML ⇐ Jquery

[Anonymous]

Я пытаюсь динамически добавлять строки и столбцы в таблицу HTML с помощью кнопки в заголовке столбца, которая вызывает всплывающее сообщение с предупреждением с помощью angularJs ng-click.
Мои столбцы и строки добавляются правильно с помощью jQuery, однако при нажатии кнопки она не вызывает мою функцию оповещения «hello()» в контроллере! 
вот моя ссылка на jsfiddle для этой проблемы: https://jsfiddle.net/said_kossouri/cw3f119h/
HTML:



Item
Ok




Some Item






+ Row
+ Column


JS:
function LoginController($scope) {
$scope.addRow = function () {
$('#mtable tbody').append($("#mtable tbody tr:last").clone());
$('#mtable tbody tr:last :checkbox').attr('checked',false);
$('#mtable tbody tr:last td:first').html($('#row').val());
}

$scope.addCol = function () {
$('#mtable tr').append($(""));
$('#mtable thead tr>td:last').html('Hello!');
$('#mtable tbody tr').each(function(){$(this).children('td:last').append($(''))});
}

$scope.hello = function () {
alert("HELLO");
}

}


Подробнее здесь: https://stackoverflow.com/questions/419 ... ynamically