jqwidgets-scripts-custom/demos/Angular/listbox/events/src/app/app.component.html

jQWidgets is an advanced jQuery, Angular 7, Vue, React, ASP .NET MVC, Custom Elements and HTML5 UI framework.

<div style='float: left; width: 500px;' #jqxWidget>
  <jqxListBox [theme]="'material'" style="margin-left: 20px; margin-top: 10px; float: left;" #jqxListBox
              (onSelect)="select($event)"
              (onUnselect)="unselect($event)"
              [source]="source"
              [width]="200"
              [height]="250">
  </jqxListBox>
  <div style='margin-left: 20px; margin-top: 10px; float: left;'>
    <div>
      <span>
        Events:
      </span>
      <jqxPanel [theme]="'material'" #Events [width]="200" [height]="250">
      </jqxPanel>
    </div>
  </div>
</div>