bixi/src/app/routes/idea/pages/label-text/label-text.component.html

企业级中后台前端解决方案

<button (click)="search()">search()</button>
<button (click)="zoom1()">zoom +</button>
<button (click)="zoom2()">zoom -</button>
<button (click)="page1()">page +</button>
<button (click)="page2()">page -</button>
<button (click)="resetLabels()">resetLabels()</button>
<button (click)="getSelectedLabels()">getSelectedLabels()</button>
<nz-select [(ngModel)]="labelMode" (ngModelChange)="onLabelModeChange($event)">
  <nz-option *ngFor="let mode of labelModes" [nzValue]="mode" [nzLabel]="mode"></nz-option>
</nz-select>
<br>
<div style=" width: 900px; height: 700px;border: 1px solid #000">

  <bixi-label-core engine="./source/index.html" labelModalTitle="文本标注" [labelTooltipDisabled]="true"
    [labelModalContent]="labelModalContent" [hub]="hub" (startLabeling)="onStartLabeling($event)"
    (deleteLabels)="onDeleteLabels($event)" (clickLabels)="onClickLabels($event)">
  </bixi-label-core>

  <ng-template #labelTooltipContent let-labels="labels">
    自定义tooltip:{{labels | json}}
  </ng-template>

  <ng-template #labelModalContent let-labels="labels" let-close="close">
    自定义标注框:{{labels | json}}
    <button (click)="close()">close</button>
  </ng-template>
</div>