来自jQuery代码的Angular事件

Question

我使用的是Angular 5主题，其中包含一些使用jQuery创建的小部件。我需要在从jQuery生成的元素上添加Angular事件（单击）。这是生成表的jQuery代码的一部分：

template: function(data) {
            var dropup = (data.getDatatable().getPageSize() -
                data.getIndex()) <=
            4 ? 'dropup' : '';

            return '\
                <div class="dropdown ' + dropup + '">\
                    <a href="#" class="btn m-btn m-btn--hover-accent m-btn--icon m-btn--icon-only m-btn--pill" data-toggle="dropdown">\
                        <i class="la la-ellipsis-h"></i>\
                    </a>\
                    <span id="editDetails" (click)="editDetails(1)" class="m-portlet__nav-link btn m-btn m-btn--hover-accent m-btn--icon m-btn--icon-only m-btn--pill" title="Edit details">\
                       <i class="la la-edit"></i>\
                    </span>\';

请告知如何强制Angular在这里工作？单击“editDetails”按钮时，我需要转到“编辑”页面，因此页面更改应该从Anuglar组件完成。

感谢您的帮助！