Select via xeditable in Angular (workaround)

app.js

var myApp = angular.module('myapp')
  .controller('SubmissionAdminController', function ($scope) {

    $scope.types = [
        {value: 0, text: 'string'},
        {value: 1, text: 'number'},
        {value: 2, text: 'range'},
        {value: 3, text: 'date'},
        {value: 4, text: 'email'},
    ];
    
  console.log($scope.templates); //from remote
  //Object {second: 4, last: 2}
  
}

form_select.html

<!-- CYCLE TEMPLATES -->
<div ng-repeat='(name, type) in templates'>
 <!-- normal field -->
 <span href="#" editable-text="name" e-name="label" e-form="rowform" e-required> {{name || 'empty'}} </span>

 <!-- Two divs visible based on the xeditable form -->
 <span ng-show="rowform.$visible">
  <select ng-model="myselect" ng-init='myselect=types[type] || types[0]'
      ng-options="mytype.text for mytype in types" ></select>
 </span>
 <span ng-hide="rowform.$visible"> {{myselect.text}} </span>
 
</div>

 
<!-- so you need the xeditable form -->
<form editable-form name="rowform" ng-show="rowform.$visible" class="form-buttons form-inline">

 <!-- usually you put buttons here to do operations with xeditable -->

</form>