<ol id="list_2" class="list_2" ui-sortable="SortCtrl.list2Options" ng-model="SortCtrl.list2">
<li ng-repeat="app in SortCtrl.list2">
<a ng-click="activeItem = app">{{ app.name }}</a>
</li>
</ol>
<ol ng-model="SortCtrl.list2" ng-if="!activeItem">
<li class="list-type-option" ng-repeat="app in SortCtrl.list2">
<input type="text" ng-model="app.name"> <input type="text" ng-model="app.type">
</li>
</ol>
<li class="list-type-option" ng-if="activeItem">
<input type="text" ng-model="activeItem.name"> <input type="text" ng-model="activeItem.type">
</li>(function () {
angular
.module('testSortable', [])
.controller('TestSortableController', function () {
this.list2 = [
{ name: "another name", type: "input" },
{ name: "another second name", type: "result" }
];
this.activeItem = null;
});
})();