Open dialog from different component

[erperejildo]

I know this could be done by using a simple service, but I have some templates from which Angular is not even loaded. Right now, to show a modal/dialog I use the Bootstrap way:

<a href="#" data-toggle="modal" data-target="#video_evaluation_modal<%= participation.video.id %>">
                    <i class="fa-solid fa-exclamation-circle"></i> Report an issue
                  </a>

And from a different component:

<div
  class="modal fade"
  id="video_evaluation_modal{{ videoId }}"
  tabindex="-1"
  role="dialog"
  aria-labelledby="videoEvaluationModalLabel"
  aria-hidden="true">
  <div class="modal-dialog">
    <div class="modal-content">

Checking the dialog examples from this lib, all are shown calling dialogs.open:
https://stackblitz.com/run?file=src%2Fapp%2Fapp.component.ts,src%2Fapp%2Fapp.template.html

Would be this way possible?

[waterplea]

I'm not sure what you are trying to do, opening Taiga UI dialogs from templates where "Angular is not even loaded" is definitely impossible. If you want to show dialogs without service, from templates, you can use <ng-template [(ngDialog)]="open">, there are examples too:
https://taiga-ui.dev/components/dialog#directive

[erperejildo]

I mean like Bootstrap does. In that directive example you have to call (click)="showDialog()", when from Bootstrap you have the option to have data-toggle and data-target. This is a server-side rendered page and I have no Angular there:

[waterplea]

I don't use Bootstrap and do not know how it does things. Taiga UI is an Angular library and requires Angular to work.