Sono un principiante di AngularJS. Ho un'app che fa una chiamata API per ottenere un elenco annidato di marche di auto, modelli e anni. Ho creato tre elementi di selezione ui per visualizzare i risultati della chiamata, iniziando da un elenco di marche di auto, quindi filtrando verso i modelli all'interno di quella marca e infine anni per quel modello. Mi piacerebbe che la seconda e la terza selezione venissero disabilitate quando sono vuote, in modo che gli utenti non possano provare a iniziare a inserire un modello di auto.ui-select disabilita se vuoto
<form class="form-horizontal" ng-controller="instant_quote" ng-submit="loadQuote()" name="quoteform">
<div class="form-group" id="Make">
<label for="Makes" class="col-md-3 control-label">Make</label>
<div class="col-md-9">
<ui-select
id="Makes"
ng-model="request.make">
<ui-select-match placeholder="Enter a Make…">{{$select.selected.name}}</ui-select-match>
<ui-select-choices repeat="choice in makes | filter: $select.search">
<div ng-bind-html="choice.name | highlight: $select.search"></div>
</ui-select-choices>
</ui-select>
</div>
</div>
<div class="form-group" id="Model">
<label class="col-md-3 control-label">Model</label>
<div class="col-md-9">
<ui-select
id="Models"
ng-model="request.model"
ng-disabled="request.make == 'false'">
<ui-select-match placeholder="Enter a Model…">{{$select.selected.name}}</ui-select-match>
<ui-select-choices repeat="choice in request.make.models | filter: $select.search">
<div ng-bind-html="choice.name | highlight: $select.search"></div>
</ui-select-choices>
</ui-select>
</div>
</div>
Questo è come io sto cercando di determinare se ogni Select è vuota o non, sulla base di Angular ui-select placeholder not working when ng-model is initalized
Nessuno dei miei ingressi vengono disabilitato.
questo è il modo. – tpie
Grazie! Nel mio caso ho usato ng-disabled = "! Request.make.models.length" e simili per le altre selezioni. –