Definindo valores em ng-options para AngularJS

A diretiva ng-options do AngularJS permite que os desenvolvedores preencham opções para uma tag . Uma questão comum que surge é como definir o atributo de valor para cada opção.

Para entender o mecanismo de configuração de valor, vamos nos aprofundar na sintaxe de ngOptions. É necessária uma expressão em uma destas formas:

Para matrizes:

label for value in array

Para objetos:

label for (key, value) in object

Considere o seguinte exemplo de array:

array = [{ "value": 1, "text": "1st" }, { "value": 2, "text": "2nd" }];

Para preencher as opções usando ng-options, podemos escrever :

Neste caso, obj.value será determine o valor selecionado para cada opção.

Atualização: Rastrear por expressão de valor

Com atualizações recentes do AngularJS, agora é possível especificar explicitamente o valor para o atributo de valor usando uma faixa por expressão:

Lembrando a sintaxe

A sintaxe ngOptions pode ser difícil de lembrar. Uma analogia útil é pensar nisso como uma versão estendida das compreensões de lista do Python:

[x**2 for x in [1, 2, 3, 4, 5]]

No entanto , em ng-options, distinguimos entre o valor e o texto exibido para cada opção usando a palavra-chave as:

person.id as person.name for person in people

Para objetos JavaScript, a sintaxe é semelhante, usando pares (chave, valor):

for (key, value) in object