How to add list in object in angular

Question

0.00/5 (No votes)

See more:

I have

JavaScript

$scope.lstExtraSummaryModel

where on click of add button i am pusing data
i want whenver i chnage in

JavaScript

$scope.lstExtraSummaryModel

i showud get object

like

extrafield

lstExtraSummaryModel

JavaScript

$scope.lstExtraSummaryMod

JavaScript

$scope.extrafield = { 'lstExtraSummaryModel': $scope.lstExtraSummaryModel };

What I have tried:

I have

JavaScript

$scope.lstExtraSummaryModel

where on click of add button i am pusing data
i want whenver i chnage in

JavaScript

$scope.lstExtraSummaryModel

i showud get object

like

extrafield

lstExtraSummaryModel

JavaScript

$scope.lstExtraSummaryMod

JavaScript

$scope.extrafield = { 'lstExtraSummaryModel': $scope.lstExtraSummaryModel };

Posted 6-Aug-16 6:05am

Member-515487

Updated 6-Aug-16 7:13am

Add a Solution

Comments

Karthik_Mahalingam 6-Aug-16 12:21pm

"whenver i chnage in" on what?

Member-515487 6-Aug-16 12:51pm

Just like 2 way data binding i want it work with

$scope.extrafield.lstExtraSummaryModel=$scope.lstExtraSummaryMod

I m updating or inserting rcords in $scope.lstExtraSummaryMod

If i change or add contains

It should effects on
$scope.extrafield.lstExtraSummaryMod

Karthik_Mahalingam 6-Aug-16 12:53pm

so whenever there is a change(add/remove) in $scope.lstExtraSummaryMod
it should get updated in $scope.extrafield.lstExtraSummaryMode ??? right?

is it a string array? lstExtraSummaryMod

Member-515487 6-Aug-16 13:09pm

No its not getting updated its shows always 0 count

Member-515487 6-Aug-16 13:11pm

No its not getting updated

2 solutions

Solution 2

Posted 6-Aug-16 7:13am

Member-515487

Add a Solution

Add your solution here

Treat my content as plain text, not as HTML

Preview 0

…

Existing Members

Sign in to your account

...or Join us

Download, Vote, Comment, Publish.

Your Email
Password
Forgot your password?

Your Email
This email is in use. Do you need your password?
Optional Password

I have read and agree to the Terms of Service and Privacy Policy
Please subscribe me to the CodeProject newsletters

When answering a question please:

Read the question carefully.
Understand that English isn't everyone's first language so be lenient of bad spelling and grammar.
If a question is poorly phrased then either ask for clarification, ignore it, or edit the question and fix the problem. Insults are not welcome.
Don't tell someone to read the manual. Chances are they have and don't get it. Provide an answer or move on to the next question.

Let's work to help developers, not make them feel stupid.

This content, along with any associated source code and files, is licensed under The Code Project Open License (CPOL)

Karthik_Mahalingam · Accepted Answer · 2016-08-06T07:11:00

Solution 1

use Angular Watch[^]
$watch in AngularJS[^]

JavaScript

$scope.$watch('lstExtraSummaryMod', function (newValue, oldValue, $scope) {
             $scope.extrafield.lstExtraSummaryModel =  $scope.lstExtraSummaryMod
         });

Posted 6-Aug-16 7:11am

Karthik_Mahalingam

Comments

Member-515487 6-Aug-16 13:15pm

Thanks.....

Karthik_Mahalingam 6-Aug-16 13:23pm

welcome

Member-515487 6-Aug-16 13:22pm

My code i want to improve with typescript
Can u please guide how i can do

Karthik_Mahalingam 6-Aug-16 13:26pm

TypeScript?, Sorry i haven't worked on it.

Member-515487 7-Aug-16 7:58am

$scope.$watch('lstExtraSummaryMode', function (newValue, oldValue, $scope) {
$scope.extrafield.lstExtraSummaryModel = $scope.lstExtraSummaryMode
});
my both objects are same only
$scope.extrafield.lstExtraSummaryModel = $scope.lstExtraSummaryMode
so why this code is not working directly

Karthik_Mahalingam 7-Aug-16 9:18am

$scope.extrafield ={};
$scope.extrafield.lstExtraSummaryModel = $scope.lstExtraSummaryMode

try like this, it worked for me.

Member-515487 8-Aug-16 1:31am

{ "lstExtraSummaryModel": [] }

no its giving me same

not updating

$scope.extrafield.lstExtraSummaryModel = $scope.lstExtraSummaryMode

as $scope.lstExtraSummaryMode changing

i am initaizing
$scope.extrafield.lstExtraSummaryModel = $scope.lstExtraSummaryMode
like this

(function (app) {
app.controller('ReportCtrl', reportcntr);
function reportcntr($scope)
{
$scope.extrafield ={};
$scope.extrafield.lstExtraSummaryModel = $scope.lstExtraSummaryMode // when i controller getting init is it right??
}
})(angular.module('pfmstool'))

Karthik_Mahalingam 8-Aug-16 1:43am

define it in this format
$scope.extrafield ={};
$scope.extrafield.lstExtraSummaryModel = $scope.lstExtraSummaryMode

Member-515487 8-Aug-16 1:52am

yes did

Member-515487 8-Aug-16 1:54am