Angular / NGX Bootstrap组件-仅将属性添加到最后一项

我有一个动态列表,该列表使用NGX引导程序下拉列表显示4组下拉列表。最后一个列表中的下拉菜单会在页面外被遮盖。 NXG Bootstrap为此类情况提供了一个dropUp选项。所以我只想申请最后一个项目

插入组件的循环如下所示:

filter-builder.component.html

 <div *ngFor="let settingsService of _settingsServices">
        <filter-builder-item [settingsHelperService]="settingsService"></filter-builder-item>
    </div>

在组件内部:

filter-builder-item.component.html

<div class="btn-group" dropdown [dropup]="isDropup">
    <ul *dropdownMenu class="dropdown-menu">
        <li role="menuitem"><a class="dropdown-item" href="javascript:;">
            <i class="la la-save"></i>Update</a>
        </li>
        <li role="menuitem"><a class="dropdown-item" href="javascript:;">
            <i class="la la-save"></i>Save</a>
        </li>
    </ul>
</div

如何只将[dropup] =“ isDropup”添加到组件的最后一个实例?

评论