How to push item to 0 index or first of $scope object in AngularJS?

By Hardik Savani | February 2, 2016 | | 2069 Viewer | Category : JSON AngularJS


you are working on angular JS and you wanted to add item on top of array, i mean you need to add 0 index of $scope array then you can do. in following example you can see how to do.if you want to push first then you have to use splice() instend of push().

Example:

<html>

<head>

<title>Angular JS</title>

<script src="http://cdnjs.cloudflare.com/ajax/libs/jquery/2.1.3/jquery.min.js"></script>

<script src="http://ajax.googleapis.com/ajax/libs/angularjs/1.4.8/angular.min.js"></script>

<script>

app.controller("myCtrl", function($scope) {

$scope.arrayMy = [4,3,2,1];

$scope.addIndex = function () {

var t = $scope.arrayMy.length + 1;

$scope.arrayMy.splice(0, 0, t);

};

});

</script>

</head>

<body ng-app="myApp">

<div ng-controller="myCtrl">

<ul>

<li ng-repeat="a in arrayMy">{{ a }}</li>

</ul>

<input type="button" ng-click="addIndex()" value="Add Index" />

</div>

</body>

</html>