1

我正在尝试将ngx-chips用于基于标签的下拉菜单。下面是我正在使用的代码：

   <tag-input [onlyFromAutocomplete]="true" formControlName="data">
        <tag-input-dropdown [identifyBy]="'data'" [showDropdownIfEmpty]="true" [autocompleteItems]="dataObject"  [appendToBody]="false"></tag-input-dropdown>
  </tag-input>

我在引导模型中使用上面的代码。但是，当我尝试关闭下拉列表时，单击模型上的任何位置，它并没有关闭。因此，我尝试添加[appendToBody]="false"并解决了问题，但现在下拉列表的位置受到干扰。

请让我知道可能的解决方案。

4

3 回答 3

4 
keepOpen - [?boolean]

与 showDropdownIfEmpty 结合使用。如果设置为 false，则添加新标签后下拉菜单不会自动重新打开。（默认为真）。

[keepOpen]="false"
于 2018-10-08T15:37:04.087 回答
0

我遇到了同样的问题，对我有用的解决方案是：https ://github.com/Gbuomprisco/ngx-chips/issues/783#issuecomment-546414947

还添加[keepOpen]="false"使事情变得更好。

于 2020-10-26T11:04:29.197 回答
0

MANnas 的回答很有帮助，因为使用键盘输入关键字时下拉菜单不会打开，但是如果您碰巧用鼠标单击并仍然打开它，则会出现以下情况：

添加[appendToBody] = "false"到 tag-input-dropdown 然后在 global styles.css 中添加以下 CSS：

.ng2-dropdown-menu {
   position: absolute !important;
   left: 2% !important;
   top: 100% !important;
}

归功于这个Github 问题

于 2020-10-14T14:10:53.630 回答