2

Tenho a seguinte situação

Tenho um componente select de município

<div class="form-group col-md-4">
    <label>Entidade:</label> 
        <select ng-model="distrito.entidade.idEntidade" class="form-control">
            <option value="{{dis.entidade.idEntidade}}" ng-repeat="dis in distritos">{{dis.entidade.nome}}</option>
        </select>
</div>

EU preciso que esse select fique fixo com a opção selecionada e desabilitada. No caso o usuário poderá ver a entidade mas não altera-la.

1 Resposta 1

1

Basta utilizar a diretiva ng-disabled.

Como ficaria o seu código:

<div class="form-group col-md-4">
<label>Entidade:</label> 
    <select ng-disabled="true" ng-model="distrito.entidade.idEntidade" class="form-control">
        <option value="{{dis.entidade.idEntidade}}" ng-repeat="dis in distritos">{{dis.entidade.nome}}</option>
    </select>
</div>
4
  • fiz exatamento como você sugeriu porém não funcionou, devo comentar também que está vindo mais de uma entidade nesse select
    – user93180
    3/10/2017 às 12:42
  • O campo continuou habilitado? 3/10/2017 às 12:43
  • 1
    Sim, permaneceu habilitado.
    – user93180
    3/10/2017 às 12:45
  • Realmente, tinha um erro, editei corrigindo, vê se resolve o seu problema. 3/10/2017 às 12:46

Você deve fazer log-in para responder a esta pergunta.