How to add object into table using angularjs

Question

Once analyse the code in the above fiddle...What I am trying is when even i enter a item in text box ,the value should be added to the table.

I mean the output is:

       Item     |   Done
       Shopping |   checkbox with checked if status is true
       Cleaning |   checkbox based on status

If I add another item in the textbox,that must be added to table dynamically with checkbox false

furkankatman · Accepted Answer · 2015-08-06 09:21:19Z

1

it is easy just put $scope.tasks.push({item:myvar,status:false}); into add function .

answered Aug 6, 2015 at 9:21

furkankatman

1,21014 silver badges24 bronze badges

Sign up to request clarification or add additional context in comments.

Comments

Divya MV · Accepted Answer · 2015-08-06 09:28:03Z

0

In your add function push the new item to the scope variable as its an array like given below

$scope.add=function(myvar)
            {
                $scope.tasks.push({item:myvar,status:false});
            }

Here is the working fiddle

edited Aug 6, 2015 at 9:28

answered Aug 6, 2015 at 9:21

Divya MV

2,0514 gold badges34 silver badges59 bronze badges

5 Comments

Divya MV Over a year ago

@NagaBhavani use this fiddle jsfiddle.net/divm/usabq8a3/2 the count function to show the correct remaining tasks is also updated in this

Naga Bhavani Over a year ago

once analyse the code.If every chexkbox is checked the "remaining pending" should be eliminated and "all task are completed" should be displayed..But now even if all checkboxes are unchecked its showing all tasks are complted

Naga Bhavani Over a year ago

Hey once i enter the text into box and click the button its adding to table but not clearing in the textbox

Divya MV Over a year ago

@NagaBhavani I wish you had figured this out yourself. jsfiddle.net/divm/usabq8a3/4

Naga Bhavani Over a year ago

I have done the same but slight change.Syntax is wrong...Thank you.

Collectives™ on Stack Overflow

How to add object into table using angularjs

2 Answers 2

Comments

5 Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

Comments

5 Comments

Your Answer

Sign up or log in

Post as a guest

Related