The task is to get data from the server from the database - i.e. record set. And display them on the site in the form of a table with the ability to add a new entry, edit a specific entry, and delete this entry. Editing can occur either directly in the table cells, or on another page / modal window. After clicking on the delete button, a dialog box should appear. After confirmation, the record should be deleted and visually from the table, and a request sent to the server. Moreover, in theory, the line should be visually deleted only after successful deletion from the database on the server, otherwise a discrepancy may occur. When editing directly in the table I found this option with Angular-xeditable

If editing is impossible in cells (for example, the editing form contains additional fields), then in theory some kind of modal window should open

The site uses Bootstrap. Also Bootstrap UI

Suppose I get the data in the controller as JSON . The idea comes through ng-repeat to display all the records in a table, fasten the buttons, click on one to go to the page with the editing form, click on another to give a dialog box and send a DELETE request from the id record to the server, but there are more convenient ways? How best to organize a table? Maybe there are some plugins / libraries?

In general, the trivial task of displaying and editing. What interests me is not the fundamentals of the theory, but the implementation directly with AngularJS, I would not want to reinvent the wheel and write the entire implementation manually from scratch.

Update: while I found this option , I study

  • What you are looking for is one of the most common web programming tasks. Read about CRUD (Create-Read-Update-Delete) - Oceinic
  • @ php5engineer thanks for the hint, but I don’t want to write the whole implementation manually, maybe there are ready-made solutions? So far I have found such an option. Lorenzofox3.imtqy.com/smart-table-website - Emm
  • And after you read what the Engineer advised, then the plugins / libraries should be SEARCHED ... ( google.com/… ) - cyadvert
  • @cyadvert thank you, but the search in Google has not yet issued anything suitable, so the post is created. While there was only lorenzofox3.imtqy.com/smart-table-website studying it - Emm
  • one
    :) Well, so Google is the first smart-table that gives out ... so we both came to the same thing :) - cyadvert

1 answer 1

What you are looking for is one of the most common web programming tasks. Called CRUD (Create-Read-Update-Delete). Now in web frameworks, instead of Hello World , CRUD implementation is often done.
If you search for a ready-made CRUD for the frameworks indicated in the title , Plunker is in the top positions in Google

  • thanks for the tip! Plunker link example - nothing happens when I try to add a new record. - Emm