Select component disabled and selected angular value

Question

I have the following situation

I have a municipality select component

<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>

I need this select to stay fixed with the option selected and disabled. In this case the user can see the entity but not change it.

Answer 1

Just use the directive ng-disabled.

What your code would look like:

<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>