Как Angularjs сделать подобие $(document).on("click",".edit" ...) ?

Есть такой вод кусок html страницы

<div class="container" ng-app="app" ng-controller="pointController">
    
		<div class="canvas-container cf">
			<canvas id="canvas" width="700" height="400"></canvas>
		</div>
  
        <h2>Координаты: <button class="icon add" ng-click="openWindow('create', 'Создать новую точку')">&nbsp;</button> </h2>

        <div class="tableFix">
            <table class="bordered">
                <thead>
                    <tr>    
                        <th>X</th>
                        <th>Y</th>
                        <th>Описание</th>
                        <th>Опции</th>
                    </tr>
                </thead>
                
                <tbody id="coordsTable"> </tbody>
            </table>
        </div>
    </div>

Он содержит график и таблицу. Таблицы рендерится когда с сервера придут данные.
В таблице есть 2 кнопки, удалить и редактировать.

Они выглядят как-то так:

tableContent += '<button class="icon delete confirm-delete" ng-controller="pointController" on-global-click="openWindow(\'update\', \'Редактировать точку\')">&nbsp;</button>';

Проблема в том, что походу кнопка появляется после получения дома документа и поэтому клик не срабатываем. В jquery это дело я решал вот так:

$(document).on("click",".edit", function() {
         ...
        });

Подскажите пожалуйста как можно это-же сделать с помощью Angularjs ?