{{ t.pages.multiSelect.title }} {{ t.pages.multiSelect.subtitle }}

{{ t.pages.multiSelect.overviewIntro }}

{{ t.pages.multiSelect.descriptionTitle }}

{{ t.pages.multiSelect.descriptionBody }}

{{ t.pages.multiSelect.featuresTitle }}
  • {{ t.pages.multiSelect.featureOne }}
  • {{ t.pages.multiSelect.featureTwo }}
  • {{ t.pages.multiSelect.featureThree }}
  • {{ t.pages.multiSelect.featureFour }}
{{ t.pages.multiSelect.limitsTitle }}
  • {{ t.pages.multiSelect.limitOne }}
  • {{ t.pages.multiSelect.limitTwo }}
  • {{ t.pages.multiSelect.limitThree }}
{{ t.pages.multiSelect.optionPortal }} {{ t.pages.multiSelect.optionApi }} {{ t.pages.multiSelect.optionBatch }}
{{ t.pages.multiSelect.channels }}: {{ selectedChannelsLabel }}
modelChange: {{ selectedChannelModelsLabel }}
{{ t.pages.multiSelect.projectedLabel }}: {{ projectedChannelsLabel }}
{{ t.pages.multiSelect.apiTitle }}

{{ t.pages.multiSelect.apiIntroOne }}

{{ t.pages.multiSelect.apiIntroTwo }}

  • [dataSource]: {{ t.pages.multiSelect.apiDataSource }}
  • labelKey: {{ t.pages.multiSelect.apiLabelKey }}
  • valueKey: {{ t.pages.multiSelect.apiValueKey }}
  • [compareWith]: compara objetos selecionados por regra customizada quando a lista for recriada.
  • (modelChange): entrega a lista de instâncias selecionadas, mesmo quando o ngModel usa apenas os valores.
  • [(ngModel)]: {{ t.pages.multiSelect.apiNgModel }}
  • [placeholder]: {{ t.pages.multiSelect.apiPlaceholder }}
  • [showClearButton]: {{ t.pages.multiSelect.apiShowClearButton }}
compareWith

Útil quando o valor selecionado é uma lista de objetos e o backend devolve novas instâncias a cada consulta.

modelChange

Útil quando a tela persiste só os ids, mas ainda precisa acessar os modelos completos para renderizar dependências ou preencher outros campos.

Validação declarativa

Multi-select segue a mesma base declarativa do select: regras em liRules, mensagens em liMessages e controle de exibição em liValidationMode.

  • Use LiRule.required() quando qualquer seleção já for suficiente.
  • Use LiRule.custom(...) para cardinalidade mínima, máxima ou combinações específicas.
  • Prefira submitted em formulários grandes para evitar feedback prematuro enquanto o usuário ainda monta a lista.
{{ t.pages.multiSelect.notesTitle }}
  • {{ t.pages.multiSelect.noteOne }}
  • {{ t.pages.multiSelect.noteTwo }}
  • {{ t.pages.multiSelect.noteThree }}