Saltar al contenido

AngularJS ng-options ng-change ng-model ng-selected ng-init

1
2
3
4
5
6
<span class="tag"><select</span><span class="pln">
    </span><span class="atn">ng-model</span><span class="pun">=</span><span class="atv">"productSelected"</span><span class="pln">
    </span><span class="atn">ng-options</span><span class="pun">=</span><span class="atv">"rsProduct.price for rsProduct in lsProduct"</span><span class="pln">
    </span><span class="atn">ng-change</span><span class="pun">=</span><span class="atv">"changeProduct()"</span><span class="pln"> </span><span class="atn">data-valid</span><span class="pun">=</span><span class="atv">"required"</span><span class="tag">></span><span class="pln">
    </span><span class="tag"><option</span><span class="pln"> </span><span class="atn">value</span><span class="pun">=</span><span class="atv">""</span><span class="pln"> </span><span class="atn">ng-selected</span><span class="pun">=</span><span class="atv">"selected"</span><span class="tag">></span><span class="pln">Seleccione ...</span><span class="tag"></option></span><span class="pln">                                  
</span><span class="tag"></select></span>

Otro

1
2
3
4
5
6
7
<span class="tag"><select</span><span class="pln">
    </span><span class="atn">ng-init</span><span class="pun">=</span><span class="atv">"productSelected=''"</span><span class="pln">
    </span><span class="atn">ng-model</span><span class="pun">=</span><span class="atv">"productSelected"</span><span class="pln">
    </span><span class="atn">ng-options</span><span class="pun">=</span><span class="atv">"rsProduct.price for rsProduct in lsProduct"</span><span class="pln">
    </span><span class="atn">ng-change</span><span class="pun">=</span><span class="atv">"changeProduct()"</span><span class="pln"> </span><span class="atn">data-valid</span><span class="pun">=</span><span class="atv">"required"</span><span class="tag">></span><span class="pln">
    </span><span class="tag"><option</span><span class="pln"> </span><span class="atn">value</span><span class="pun">=</span><span class="atv">"0"</span><span class="pln"> </span><span class="atn">ng-selected</span><span class="pun">=</span><span class="atv">"selected"</span><span class="tag">></span><span class="pln">Seleccione ...</span><span class="tag"></option></span><span class="pln">                                  
</span><span class="tag"></select></span>
Descargar PDF

Si te ha interesado este artículo y deseas un apoyo o asesoría en algún requerimiento, envíame un mensaje a: (info@juliopari.com) o sino a través de Linkedin: https://www.linkedin.com/in/juliopari/