JSFiddle - React, Tailwind, and code Playground

HTML

<div ng-app ng-controller="MyCtrl">
    <ul>
        <li ng-repeat="prop in templatesAry() | orderBy:'-key'">{{prop.key}}: {{prop.val}}</li>
    </ul>
</div>

JavaScript

function MyCtrl($scope) {
    $scope.templates = {
        template_address: "../template/address.html",
        template_book: "../template/book.html",
        template_create: "../template/create.html" 
    };
    
    $scope.templatesAry = function () {
        var ary = [];
        angular.forEach($scope.templates, function (val, key) {
            ary.push({key: key, val: val});
        });
        return ary;
    };
};