Utilizzo di NG-REPEAT sugli oggetti JavaScript annidati per visualizzare le opzioni selezionate
-
21-12-2019 - |
Domanda
Come posso visualizzare due menu a discesa con le opzioni corrette utilizzando la Direttiva NG-Repeggio Angular?
Ecco un jsbin
JS:
angular.module('myApp', [])
.controller('MainCtrl', function($scope) {
$scope.templates = {
pages: ['home', 'about'],
posts: ['blog', 'lab']
};
});
.
HTML:
<div class="container" ng-controller="MainCtrl">
<form action="" class="col-lg-12" >
<select class="form-control" ng-repeat="template in templates.pages>
<option value = "{{ template }}"> {{ template }}</option>
</select>
<select class="form-control" ng-repeat="template in templates.posts>
<option value = "{{ template }}"> {{ template }}</option>
</select>
</form>
</div>
. Soluzione
NG-REPEAT deve essere utilizzato in tag di opzione.Inoltre, chiudi le virgolette doppie nell'espressione NG-REPEAT.
Qui il tuo fisso jsbin
Autorizzato sotto: CC-BY-SA insieme a attribuzione
Non affiliato a StackOverflow