jqwidgets-framework/demos/Angular/src/menu/contextmenu/app.component.html

jQWidgets is an advanced Angular, Vue, Blazor, React, Web Components, jquery, ASP .NET MVC, Custom Elements and HTML5 UI framework.

<div #jqxWidget
     (contextmenu)="contextmenuMenu()"
     (mousedown)="mousedown($event)" 
     style='vertical-align: middle; text-align: center; background: #eee; height: 400px; width: 400px;'>
  <jqxMenu #jqxMenu
           [mode]="'popup'"
           [autoOpenPopup]="false"
           [width]="120"
           [height]="140">
    <ul>
      <li><a href="#">Home</a></li>
      <li>
        About Us
        <ul>
          <li><a href="#">History</a></li>
          <li><a href="#">Our Vision</a></li>
          <li>
            <a href="#">The Team</a>
            <ul>
              <li><a href="#">Brigita</a></li>
              <li><a href="#">John</a></li>
              <li><a href="#">Michael</a></li>
              <li><a href="#">Peter</a></li>
              <li><a href="#">Sarah</a></li>
            </ul>
          </li>
          <li><a href="#">Clients</a></li>
          <li><a href="#">Testimonials</a></li>
          <li><a href="#">Press</a></li>
          <li><a href="#">FAQs</a></li>
        </ul>
      </li>
      <li>
        Services
        <ul>
          <li><a href="#">Product Development</a></li>
          <li><a href="#">Delivery</a></li>
          <li><a href="#">Shop Online</a></li>
          <li><a href="#">Support</a></li>
          <li><a href="#">Training &amp; Consulting</a></li>
        </ul>
      </li>
      <li>
        Products
        <ul>
          <li>
            <a href="#">New</a>
            <ul>
              <li><a href="#">Corporate Use</a></li>
              <li><a href="#">Private Use</a></li>
            </ul>
          </li>
          <li>
            <a href="#">Used</a>
            <ul>
              <li><a href="#">Corporate Use</a></li>
              <li><a href="#">Private Use</a></li>
            </ul>
          </li>
          <li><a href="#">Featured</a></li>
          <li><a href="#">Top Rated</a></li>
          <li><a href="#">Prices</a></li>
        </ul>
      </li>
      <li>
        <a href="#">Contact Us</a>
        <ul>
          <li><a href="#">Enquiry Form</a></li>
          <li><a href="#">Map &amp; Driving Directions</a></li>
          <li><a href="#">Your Feedback</a></li>
        </ul>
      </li>
    </ul>
  </jqxMenu>
  <span style='font-size: 14px; position: relative; top: 180px; font-family: Verdana Arial;'>
    Right-Click here to Open the Menu
  </span>
</div>