我使用了ngx-chips自动完成功能。它可以在台式机和Android设备上使用,但在Iphone中没有任何建议。
这是我的代码:
<tag-input name="item" [(ngModel)]="item" [secondaryPlaceholder]="'Enter business name'" [onlyFromAutocomplete]="true" [placeholder]="'Business name'">
<tag-input-dropdown [showDropdownIfEmpty]="true" [focusFirstElement]="true" [displayBy]="'value'" [identifyBy]="'id'" [autocompleteItems]="autocompleteItemsAsObjects">
<ng-template let-item="item" let-index="index">
{{ item.value }}
</ng-template>
</tag-input-dropdown>
</tag-input>
这是我的autocompleteItemsAsObjects对象:
autocompleteItemsAsObjects = [
{value: 'Comuna Cantina - Pacific Fair', id: 0},
{value: 'Comuna Cantina - Albert Lane', id: 1},
{value: 'Corbett & Claude - Rhodes', id: 2},
{value: 'Corbett & Claude - Garden City', id: 3},
{value: 'Corbett & Claude - Indooroopilly', id: 4}, ];
我使用的参考是https://pixinvent.com/apex-angular-4-bootstrap-admin-template/demo-1/components/tags 该模板可在Iphone中使用,但我的代码无法使用。
答案 0 :(得分:0)
我认为您应该启用所有JavaScript和弹出窗口以获取该功能。 在Chrome中,您可以转到设置->网站设置->查找JavaScript并启用它