La tarea es actualizar un elemento de array con la ayuda de AngularJS.
Enfoque: para actualizar un elemento en particular en una array, hay 2 formas, ya sea por su valor o por su índice. En el primer ejemplo, el elemento se actualiza por su valor y en el segundo ejemplo, se ha actualizado utilizando la notación de índice por paréntesis.
Ejemplo 1:
<!DOCTYPE HTML> <html> <head> <script src= "//ajax.googleapis.com/ajax/libs/angularjs/1.2.13/angular.min.js"> </script> <script> var myApp = angular.module("app", []); myApp.controller("controller", function ($scope) { $scope.array = ['Geeks', 'Geek', 'gfg', 'GFG']; $scope.updateEl = function (item) { var index = $scope.array.indexOf(item); if (index > -1) { $scope.array[index] = 'GeeksForGeeks'; } }; }); </script> </head> <body style="text-align:center;"> <h1 style="color:green;"> GeeksForGeeks </h1> <p> How to update an array element in AngularJS </p> <div ng-app="app"> <div ng-controller="controller"> <p>Update element in array = {{array}}</p> <input type="button" value="change element 'gfg' " ng-click="updateEl('gfg')"> </div> </div> </body> </html>
Producción:
Ejemplo 2:
<!DOCTYPE HTML> <html> <head> <script src= "//ajax.googleapis.com/ajax/libs/angularjs/1.2.13/angular.min.js"> </script> <script> var myApp = angular.module("app", []); myApp.controller("controller", function ($scope) { $scope.array = ['Geeks', 'Geek', 'gfg', 'GFG']; $scope.updateEl = function (index) { if (index > -1) { $scope.array[index] = 'GeeksForGeeks'; } }; }); </script> </head> <body style="text-align:center;"> <h1 style="color:green;"> GeeksForGeeks </h1> <p> How to update an array element in AngularJS </p> <div ng-app="app"> <div ng-controller="controller"> <p>Update element in array = {{array}}</p> <input type="button" value="change element at index 3 " ng-click="updateEl(3)"> </div> </div> </body> </html>
Producción:
Publicación traducida automáticamente
Artículo escrito por PranchalKatiyar y traducido por Barcelona Geeks. The original can be accessed here. Licence: CCBY-SA