JSFiddle - React, Tailwind, and code Playground

HTML

<script src="http://code.angularjs.org/1.0.0/angular-1.0.0.min.js"></script>
FIXED
<div ng-app="myApp">
    <div ng-controller="mainCtrl">
       <div ng-repeat="key in notSorted(data)" ng-init="value = data[key]">
           <pre>
               key: {{key}}
               value: {{value}}
           </pre>           
       </div>
    
        NORMAL
        <div ng-repeat="(key, value) in data">
            <pre>
                key: {{key}}
                value: {{value}}
            </pre>      
        </div>
    </div>
</div>

JavaScript

angular.module('myApp', []);

function mainCtrl($scope) {
    $scope.data = {
        'key4': 'data4',
        'key1': 'data1',
        'key3': 'data3',
        'key2': 'data2',
        'key5': 'data5'
    };

    $scope.notSorted = function(obj){
        if (!obj) {
            return [];
        }
        return Object.keys(obj);
    }
}