Quando o tipo (type) especificado para a tag <field> for 'typeahead', a tag assumirá o comportamento de um campo de 'text' no qual irá permitir apresentar uma lista de opções para seleção.
Observação: O componente de typeahead possui sua documentação em AngularJS UI Bootstrap.
A lista a ser utilizada para seleção pode ser recuperada de um servidor, para isto a sintaxe seria: typeahead="state.name for state in getStates($viewValue)".
Sintaxe
<field type="typeahead"> ... </field>
| Nome | Tipo | Padrão | Descrição |
|---|---|---|---|
| typeahead | string | - | Monta a lista de opções para ser exibidas no componente de acordo com o que foi digitado no campo de texto. Para montagem desta lista é esperado uma lista que pode ser proveniente de um serviço; como filtro pode ser utilizado o valor digitado em tela, que pode ser obtido através do atributo $viewValue. |
<totvs-page-form>
<field
type="typeahead"
ng-model="selectedState"
typeahead="state.name for state in states | filter: $viewValue | limitTo: 8"
label="State: {{selectedState}}">
</field>
</totvs-page-form>