Угловая кнопка в столе

Question

Я хочу поместить функциональность кнопки «Диалог приглашения» в одну из ячеек таблицы.Суть в том, что ячейки таблицы создаются и доступны только через JavaScript.

Ссылка: https://codepen.io/walkerdude5/pen/JxjgqP?editors=1010

HTML:

<table>
<tbody id="example2">
</tbody>
</table>

<!-- what I want to be able to do -->
<div ng-controller="AppCtrl" ng-app="MyApp">
    <button ng-click="showPrompt($event)">
      Prompt Dialog
    </button>
</div>

Javascript:

angular.module('MyApp', ['ngMaterial', 'ngMessages', 'material.svgAssetsCache'])
.controller('AppCtrl', function($compile, $scope, $mdDialog) {
  $scope.showPrompt = function(ev) {
    var confirm = $mdDialog.prompt()
      .title('Note Editor')
      .placeholder('New Note')
      .targetEvent(ev)
      .ok('Save')
      .cancel('Discard');
    $mdDialog.show(confirm).then(function(result) {
      $scope.variable = 'update note function'
    });
  };
});
    table = document.getElementById('example2');
     tr = table.insertRow(0);
     tr.insertCell(0);
     tr.insertCell(1);
     tr = table.insertRow(0);
     tr.insertCell(0);
     tr.insertCell(1);
    table.rows[0].cells[0].innerHTML='dummyContent1';
    table.rows[1].cells[0].innerHTML='dummyContent2';
    table.rows[0].cells[1].innerHTML='dummyContent3';

    var angularTD = table.rows[1].cells[1];
      //prompt dialog functionality in this cell