Как очистить выбранное значение из RadAutoCompleteTextView

Question

У меня есть RadAutoCompleteTextView с удаленными данными, как показано ниже

<StackLayout>
    <RadAutoCompleteTextView #autocomplete [items]="dataItems" suggestMode="Suggest"
        displayMode="Plain">
        <SuggestionView tkAutoCompleteSuggestionView suggestionViewHeight="300">
            <ng-template tkSuggestionItemTemplate let-item="item">
                <StackLayout orientation="vertical" padding="10">
                    <Label [text]="item.text"></Label>
                </StackLayout>
            </ng-template>
        </SuggestionView>
    </RadAutoCompleteTextView>

    <Button text="clear" (tap)="clear()"> </Button>
</StackLayout>

При нажатии кнопки я хочу очистить выбранное значение автозаполнения и фокус для ввода пользователя.(Как будто мы нажимаем кнопку X в конце автозаполнения из пользовательского интерфейса)

Я пробовал ниже, но не работает.Вот детская площадка ссылка .

<Button text="clear" (tap)="clear();autocomplete.value = ''">
this.autocomplete.NativeElement.value = '';
this.autocomplete.active = [];

Answer 1

другим вариантом является использование

this.autocomplete.autoCompleteTextView.resetAutoComplete();

Answer 2

Поскольку вы установили displayMode на Plain, вы можете очистить значение, сбросив атрибут text.

this.autocomplete.autoCompleteTextView.text = "";

, где this.autocomplete равно RadAutoCompleteTextViewComponent.