app root name problem

[elham-sedighi]

i use gallery-lift in divs inside components how should I pass app root name?
here is my code:

<app-person>
<nz-card [nzBordered]="false" [nzTitle]="personTitle">
  <div id="personalinfo" nz-row>
    <div nz-col
         nzXs="24"
         nzMd="7"
         nzLg="7"
         ngStyle.xs="'border-left:initial'"
         ngStyle.md="'border-left:1px solid #e8e8e8;'"
         ngStyle.lg="'border-left:1px solid #e8e8e8;'">
      <div style="margin:auto;text-align: center">
        <gallery-lift
          appRootName="div"
          [hoverMessage]="sliderConfig.hoverMessage"
          [showMessageOnHover]="showMessageOnHover"
          [maxHeight]="sliderConfig.maxHeight"
          [slideEnabled]="sliderConfig.slideEnabled"
          [dimOnHover]="sliderConfig.dimOnHover"
          [showTitleOnHover]="sliderConfig.showTitleOnHover"
          [borderOnView]="sliderConfig.border"
          [layout]="sliderConfig.viewOption"
          [liftOnZero]="sliderConfig.liftOnZero"
          [showRemainingCount]="sliderConfig.showRemainingCount"
          [gallery]="galleryImages"
          (onaction)="onaction($event)"
          (onselect)="onselect($event)"></gallery-lift>
      </div>