Applications in AngularJS enable the creation of real-time Applications. There are four primary steps involved in creation of Applications in AngularJS:
- Creation of List for an Application.
- Adding elements in the List.
- Removing elements from the List.
- Error Handling
Below are the steps for creations a Subject List Application:
Step 1: To start with, choose the list which you want to create. Then using, controller and ng-repeat directive display the elements of the array as a list.
Output:
👁 Image
Step 2: Use the text field, in your application with the help of the
ng-model directive. In the controller, make a function named addNewSubject, and use the value of the addSubject input field to add a subject to the 'name' array. Add a button, to add a new subject using an ng-click directive.
Output:
👁 Image
👁 Image
👁 Image
Step 3: To remove a subject, make a remove function with the index as it's a parameter. For each subject, make a span item and give them an ng-click directive to call the remove function.
Output:
👁 Image
👁 Image
Step 4: Errors need to be carefully handled.
For example: If the same subject is added twice in the list, it displays an error message.
Output:
👁 Image
👁 Image
