I am looking for a way to update a value in a list object and assign the new value to the same list object using AngularJS. Can

Question

I am looking for a way to update a value in a list object and assign the new value to the same list object using AngularJS. Can

var dataList = list with 10 rows and 4 columns;

dataList.then(function(data)){
    $scope.mylist = data.data;
}

For example, my list contains a single row like

name:"rajesh";
id:10009;
branch:"dotnet";etc...

I would like to change all instances of "dotnet" to "angular" in the branch column for every row and save the updated object.

So, I am aiming for this output:

name:"rajesh";//1st row
id:100009;
branch:"angular";


name:"sai";//2nd row
id:1004;
branch:"angular";  and so on

Please provide guidance as I am new to AngularJS

javascript angularjs

Answer 1

Answer №1

Just a heads up, your JavaScript syntax is outdated and it's recommended to upgrade. Moving on, here's an extended version of the code snippet in your original question.

Update

The code provided below differs from what you've mentioned in the comments. If you're seeking a solution, here it is...

        const results = [
            { Name: 'raju', Id: 1009, Branch: 'cse' },
            { Name: 'sai', Id: 1019, Branch: 'ece' },
            { Name: 'nandu', Id: 1089, Branch: 'civil' }
        ];

        const output = results.map(user => {
            user.Name = '****';
            return user;
        });

You can utilize the map function to manipulate your data.

var test = list containing 10 rows with 4 columns;

test.then(function(d)){

    $scope.mylist = d.data.map(function(user) {
        if (user.branch === 'dotnet') {
            user.branch = 'angular';
        }
        return user;
    });    
}

Answer 2

Just a heads up, your JavaScript syntax is outdated and it's recommended to upgrade. Moving on, here's an extended version of the code snippet in your original question.

Update

The code provided below differs from what you've mentioned in the comments. If you're seeking a solution, here it is...

        const results = [
            { Name: 'raju', Id: 1009, Branch: 'cse' },
            { Name: 'sai', Id: 1019, Branch: 'ece' },
            { Name: 'nandu', Id: 1089, Branch: 'civil' }
        ];

        const output = results.map(user => {
            user.Name = '****';
            return user;
        });

You can utilize the map function to manipulate your data.

var test = list containing 10 rows with 4 columns;

test.then(function(d)){

    $scope.mylist = d.data.map(function(user) {
        if (user.branch === 'dotnet') {
            user.branch = 'angular';
        }
        return user;
    });    
}

I am looking for a way to update a value in a list object and assign the new value to the same list object using AngularJS. Can

Answer №1

Update

Similar questions

Issue with Tablesort functionality in Internet Explorer

Showing subcategories when clicked using only JavaScript

Error in accessing image paths with Vue.js

In my app.post request in node.js and express, the body object is nowhere to be found

Encountering issue: LineChart is not recognized as a constructor, resulting in failure to display chart on webpage

The value of .val() is a combination of various values

An exploration of the functionality of the String.fromCharCode method when used with a mobile keyboard in an HTML input

Discovered an issue with AngularJS involving ng-show and ng-if?

Generate the Xpath for the mentioned href element to use with Selenium Webdriver

What is the best way to relocate a rotated canvas image without causing any confusion?

Is it possible to incorporate jQuery into an AngularJS project?

Jquery Validate doesn't consistently give a positive response

Implementing local storage for a specific user in the initial state using React

React Native application crashes on Android 12 and above when run on an emulator

Having trouble shutting down Metro Bundler on Windows?

Limiting the data obtained from the API to extract only the desired values

Retrieve each individual element from an array sequentially using jQuery

Error: npm encountered a socket timeout issue

Looping through AJAX requests in JavaScript

Combining an unlimited amount of elements in an array using JavaScript