<div *ngIf="metaCrawlers; else info" class="ui-width-100-">
  <p-orderList [value]="metaCrawlers" metaKeySelection="false" [listStyle]="{'height':'200px'}" [responsive]="true"  filterBy="name"
    (onSelectionChange)="selected.emit($event.value[0])" class="ui_orderlist_controls_none">
    <ng-template let-crawler pTemplate="item">
      <div class="ui-helper-clearfix">
        <div style="font-size:14px;margin:0">{{crawler.name}}</div>
      </div>
    </ng-template>
  </p-orderList>
</div>

<ng-template #info>
  <p-panel [showHeader]="false">
    <div>개발자의 배려가 돋보이는 친절한 안내 메시지</div>
  </p-panel>
</ng-template>