How to Push Item to 0 Index or First of $scope Object in 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>
Hardik Savani
I'm a full-stack developer, entrepreneur and owner of ItSolutionstuff.com. I live in India and I love to write tutorials and tips that can help to other artisan. I am a big fan of PHP, Laravel, Angular, Vue, Node, Javascript, JQuery, Codeigniter and Bootstrap from the early stage. I believe in Hardworking and Consistency.
We are Recommending you
- PHP AngularJS Add Remove Input Fields Dynamically Example
- AngularJS Ajax Autocomplete Using Typeahead in PHP Example
- AngularJS Convert Comma Separated String to Array Example
- AngularJS - How to Create Read More/Less Toggle using Directive?
- How to Remove # from URL in AngularJS?
- How to Hide Div After Some Time in AngularJS?
- How to Call Function on Page Load in AngularJS?
- AngularJS Sorting(using Orderby Filter) Table Data Example
- How to Change Date Format using Date Filter in AngularJS?
- AngularJS - How to Limit String Length using Filter?
- AngularJS - How to Capitalize the First Letter of Word Example
- How to Remove HTML Tags from String in AngularJS?
- PHP AngularJS CRUD with Search and Pagination Tutorial
- Angular $scope.form Value undefined on Submit in Ionic Framework