{{ t.pages.select.title }} {{ t.pages.select.subtitle }}

{{ t.pages.select.overviewIntro }}

{{ t.pages.select.descriptionTitle }}

{{ t.pages.select.descriptionBody }}

{{ t.pages.select.featuresTitle }}
  • {{ t.pages.select.featureOne }}
  • {{ t.pages.select.featureTwo }}
  • {{ t.pages.select.featureThree }}
{{ t.pages.select.limitsTitle }}
  • {{ t.pages.select.limitOne }}
  • {{ t.pages.select.limitTwo }}
  • {{ t.pages.select.limitThree }}
{{ t.pages.select.optionPriority }} {{ t.pages.select.optionBacklog }} {{ t.pages.select.optionArchived }}
{{ t.common.status }}: {{ selectedStatusLabel }}
modelChange: {{ selectedStatusModelLabel }}
{{ t.pages.select.projectedStatus }}: {{ projectedStatusLabel }}
{{ t.pages.select.apiTitle }}

{{ t.pages.select.apiIntro }}

  • [dataSource]: {{ t.pages.select.apiDataSource }}
  • labelKey: {{ t.pages.select.apiLabelKey }}
  • valueKey: {{ t.pages.select.apiValueKey }}
  • disabledKey: {{ t.pages.select.apiDisabledKey }}
  • [compareWith]: compara objetos por identidade sem depender da mesma instância.
  • (modelChange): entrega a instância completa selecionada, mesmo quando o ngModel guarda só o valueKey.
  • [(ngModel)]: {{ t.pages.select.apiNgModel }}
  • [placeholder]: {{ t.pages.select.apiPlaceholder }}
compareWith

Use quando o valor do formulário for um objeto e o data source puder ser recriado com novas instâncias.

modelChange

Use quando o formulário persiste um identificador, mas a tela também precisa da instância completa para carregar dados dependentes.

Validação declarativa

Para selects, a base declarativa fica em liRules, liMessages e liValidationMode. liType é exclusivo do li-input.

  • LiRule.required() cobre o caso mais comum de seleção obrigatória.
  • liMessages troca o texto do erro sem precisar controlar invalid manualmente.
  • liValidationMode="submitted" combina bem com liForm.validateAndFocusFirstInvalid().
{{ t.pages.select.notesTitle }}
  • {{ t.pages.select.noteOne }}
  • {{ t.pages.select.noteTwo }}
  • {{ t.pages.select.noteThree }}