Как обновить элемент массива в AngularJS?
Опубликовано: 25 Февраля, 2022
Задача - обновить элемент массива с помощью AngularJS.
Подход: обновить конкретный элемент в массиве можно двумя способами: по его значению или по индексу. В первом примере элемент обновляется по его значению, а во втором примере он был обновлен с использованием индекса в скобках.
Example 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 > |
Выход:
Example 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 > |
Выход: