[正在进行]

[目前仅支持 iOS ]

nativescript-autocomplete-x

nativescript-autocomplete-x 是一个用于自动完成（建议）文本框内容的 NativeScript 插件

在 iOS

我们使用： SearchTextField 或实际上是我的 甜分支 ;)

在 Android

目前尚不可用

演示应用

NativeScript-Core (XML)

查看 demo 文件夹。这是如何克隆和运行它

git clone https://github.com/chrum/nativescript-autocomplete-x
cd nativescript-autocomplete-x/src
npm run demo.ios

NativeScript-Angular

查看 demo-angular 文件夹。这是如何克隆和运行它

git clone https://github.com/chrum/nativescript-autocomplete-x
cd nativescript-autocomplete-x/src
npm run demo-angular.ios

安装

tns plugin add nativescript-autocomplete-x

使用方法

核心

重要！！！ 请确保在 Page 元素中包含 xmlns:acx="nativescript-autocomplete-x"

<Page class="page" xmlns:acx="nativescript-autocomplete-x">
    <StackLayout>
        <acx:AutocompleteX placeholder="check autocomplete..."
                           currentTextInResultsPrefix="Use: "
                           items="{{ ['First', 'Second', 'Third'] }}"
                           selected="onSelected"></acx:AutocompleteX>
    </StackLayout>
</Page>

Angular

在您的 @NgModule 中包含 AutocompleteXModule
重要！！！ 您需要为每个将进行自动完成的模块执行此操作；)

import { AutocompleteXModule } from 'nativescript-autocomplete-x/angular';

@NgModule({
    imports: [
        AutocompleteXModule,
        ...
    ],
    ...
})

<AutocompleteX [placeholder]="'Placeholder...'"
               [items]="items"
               [currentTextInResultsPrefix]="'Use: '"
               (selected)="onSelected($event)">
</AutocompleteX>

API [ 待办 ]

属性

属性	默认值	类型	描述
text		`string`	获取或设置文本
items	[ ]	`Array`	包含应用作自动完成源的字符串的数组
hint		`string`	占位符
editable	false	`boolean`
currentTextInResultsPrefix		`string`	如果设置，则输入的文本将作为具有此前缀的建议列表中的第一个项目出现。示例如果此设置为 `'Use:'` 则建议列表中的第一个项目将是 `'Use: {typed text}'`

事件

属性	类型	描述
selected	(args: { text: string }): void	当选择的建议被点击时触发

故障排除

iOS

待办

Android 支持
公开清除按钮模式
字体配置
主题、背景颜色
与 {N} TextField 的更多兼容性功能

作者

Chrystian Ruminowicz

许可

本项目采用 MIT 许可证