How to delete a particular row properly using Angular.js/Javascript

Question

i need one help.I need to remove a particular row from a table using Angular.js .Here i have + and - button implementation.I have all my code inside https://plnkr.co/edit/D3UrDYwiglMKQyCW0wvW?p=preview

From the Plunkr suppose for Monday i did 3 entries using + button.when i am deleting the middle(second) row using - button this is deleting but it doing null to the 3rd row subcategory field and also displaying the different subcategory which is not belongs to that row category part.Here i need when user will delete any row that row value will delete not other row.All codes are present inside plunkr.Please help me.

jbrown · Accepted Answer · 2016-05-24 15:30:14Z

0

I forked your plunker here

Some of the changes:

Defined listOfSubCategory in the controller as an array rather than having a function build it for each category.

Controller:

$scope.listOfSubCategory = [{
  id: 1,
  name: 'SubCategory 1',
  value: 1,
  category: 1
}, {
  id: 2,
  name: 'SubCategory 2',
  value: 2,
  category: 2
}, {
  id: 3,
  name: 'SubCategory 3',
  value: 3,
  category: 3
}, {
  id: 4,
  name: 'SubCategory 4',
  value: 4,
  category: 4
}];

Changed ng-options to filter the subcategories based on selected category.

HTML

ng-options="sub.name for sub in listOfSubCategory | filter:{ category: answer.category.id}"

Also, made some other minor changes, like having only on for all 's rather than one for each and used "track by $index" where needed.

answered May 24, 2016 at 15:30

jbrown

3,0351 gold badge18 silver badges22 bronze badges

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

8 Comments

satya Over a year ago

it seems its working in plunkr.let me to implement this in my project and will update u.

jbrown Over a year ago

Ok. Let me know if you need further assistance.

satya Over a year ago

yes,now i am out of office.will implement later.in my project there are so many db operation ,i will implement there and inform u.

satya Over a year ago

Your table structure are not aligned properly check it.

satya Over a year ago

@ jbrown: $scope.listOfSubCategory is a object which contain the sub-category value from DB and u have defined this before.I can not understand this.

|

Collectives™ on Stack Overflow

How to delete a particular row properly using Angular.js/Javascript

1 Answer 1

8 Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

8 Comments

Your Answer

Sign up or log in

Post as a guest

Related