JSFiddle - React, Tailwind, and code Playground

by superasn

HTML

<script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.3.15/angular.min.js"></script>
<div ng-app="myApp" ng-controller="mainCtrl">
   <div class="content">
        <select ng-model="results.a" ng-options="item for item in realArray">
            <option value="">Real Array</option>
        </select>

        <select ng-model="results.a" ng-options="item for item in extendedArray">
            <option value="">Extended Array</option>
        </select>

        <h3>NG-REPEAT</h3>
        <ul>
            <li ng-repeat="item in extendedArray">{{item}}</li>
        </ul>

        <h3>Is Array?</h3>
        {{check()}}
    </div>
</div>

JavaScript

angular.module('myApp', [])
.controller('mainCtrl', ['$scope', function($scope) {
function ExtendedArray() {
                this.test = function () {
                    return 'something';
                }
            }

            ExtendedArray.prototype = Array.prototype;

            $scope.realArray = new Array();
            $scope.realArray.push(1, 2, 3);

            $scope.extendedArray = new ExtendedArray();
            $scope.extendedArray.push(1, 2, 3);

            console.log($scope.extendedArray);

            $scope.check = function () {
                return $scope.extendedArray instanceof Array;
            };
}]);