JSFiddle - React, Tailwind, and code Playground

by GruffBunny

HTML

<div ng-app='MyModule' ng-controller='MyController'>
    
    <h1>Oh no! There is no $no</h1>
    <p data-ng-repeat="(key, value) in obj">
      {{ key }}: {{ value }}
    </p>
    
    <h1>Oh yes! There is a $no</h1>
    <p data-ng-repeat="obj in arr">
      {{ obj.key }}: {{ obj.value }}
    </p>
</div>

JavaScript

angular.module('MyModule', [])

.controller( 'MyController', function($scope){
    $scope.obj = {'$no': 'rock', 
                  'yes': 'hard place'
                 };
    
    $scope.arr = [];
    
    angular.forEach( $scope.obj, function(value, key){
        $scope.arr.push( { key: key, value: value } );
    });
    
});