Открытие Bootstrap Модальное всплывающее окно из другого компонента в Angular 7

Question

Я пытаюсь открыть модальное всплывающее окно из другого компонента, используя data-target, но не могу открыть всплывающее окно. Как я могу сделать это в Angular 7?

dropdown-component. html

<a class="toolName" *ngIf="tool.TOOL_TYPE_ID == 1 && tool.TOOL_ID == 1" data-toggle="modal" data-target="#editMember">
  {{tool.TOOL_NAME}}
</a>

grid-component. html

<div id="editMember" class="modal fade" role="dialog" data-backdrop="static">
    <div class="modal-dialog modal-xlg">
        <tools-edit-member></tools-edit-member>
    </div>
</div>