//html
<nick-select class="beta-mr-28" [nickCrudField]="formulario.select" [options]="selectOptions">
</nick-select>
<span>opção selecionada: {{form.tournamentType.complexValue.value}}</span>
//JSON
"form:formulario": { //inicializa um form.
"select": { //id do campo.
"id": "select",
"title": "Select", //Título, será exibido como label acima do select gerado.
"metadata": { //Paremetros opcionais.
"defaultValue": 0 //index padrão do array options.
}
}
},
//inicializa array
"selectOptions": [
//objeto contendo as opções a serem exibidas no nosso select.
{
"key": 0,
"value": "opção 1"
},
{
"key": 1,
"value": "opção 2"
}
]
//saida: opção selecionada: opção 1
Preview:
downloadDownload PNG
downloadDownload JPEG
downloadDownload SVG
Tip: You can change the style, width & colours of the snippet with the inspect tool before clicking Download!
Click to optimize width for Twitter