JSFiddle - React, Tailwind, and code Playground
HTML
<script src="https://cdnjs.cloudflare.com/ajax/libs/angular.js/1.6.1/angular.min.js"></script>
<body ng-controller="Types">
<select name="selected" id="selected" ng-model="selecionado"
ng-options="type.nome for type in types track by type.valor">
<option value="">---Seleciona um Tipo---</option>
</select>
Selecionado: {{::selecionado}}
<hr/>
<select name="selected" id="selected" ng-model="selecionado_2">
<option ng-repeat="(tipo, nome) in tipos track by $index" value="{{tipo}}">{{nome}}</option>
</select>
Selecionado: {{::selecionado_2}}
</body>
JavaScript
function Types($scope) {
$scope.selecionado = {};
$scope.selectionado_2 = 0;
$scope.types = [
{ valor: 1, nome: "Tipo 1"},
{ valor: 2, nome: "Tipo 2"},
{ valor: 3, nome: "Tipo 3"},
{ valor: 4, nome: "Tipo 4"},
{ valor: 5, nome: "Tipo 5"}
]
$scope.projeto = {
nome: "Projeto 1",
tipo: 2
};
$scope.tipos = {
1: "Tipo 1",
2: "Tipo 2",
3: "Tipo 3"
};
}
angular.module('app', [])
.controller('Types', Types);
angular.bootstrap(document.body, ['app']);