0% found this document useful (0 votes)
0 views19 pages

Angular JS PROGRAMS

The document outlines 12 AngularJS program ideas, each with a brief description of its functionality. Programs include a full name display, shopping list, calculator, factorial and square calculator, student details, to-do list, CRUD application, login form, employee details, item collection, uppercase conversion, and date display. Each program is designed to demonstrate various features of AngularJS such as directives, controllers, and filters.

Uploaded by

tishapatell001
Copyright
© © All Rights Reserved
We take content rights seriously. If you suspect this is your content, claim it here.
Available Formats
Download as PDF, TXT or read online on Scribd
0% found this document useful (0 votes)
0 views19 pages

Angular JS PROGRAMS

The document outlines 12 AngularJS program ideas, each with a brief description of its functionality. Programs include a full name display, shopping list, calculator, factorial and square calculator, student details, to-do list, CRUD application, login form, employee details, item collection, uppercase conversion, and date display. Each program is designed to demonstrate various features of AngularJS such as directives, controllers, and filters.

Uploaded by

tishapatell001
Copyright
© © All Rights Reserved
We take content rights seriously. If you suspect this is your content, claim it here.
Available Formats
Download as PDF, TXT or read online on Scribd
You are on page 1/ 19

Angular JS PROGRAMS:

1. Display Full Name


2. Shopping List
3. Calculator
4. Factorial & Square
5. Student Details
6. To-do List
7. CRUD Application
8. Login Form
9. Employee Details
10.Item Collection
11.Convert to Upper case
12.Date Display
Program 01 : Display Full Name

Develop Angular JS program that allows user to input their first name and last name and display their full name.
Note: The default values for first name and last name may be included in the program.

Output
Program 02 : Shopping List

Develop an Angular JS application that displays a list of shopping items. Allow users to add and remove items from
the list using directives and controllers.Note: The default values of items may be included in the program.

Output
Program 03 : Calculator

Develop a simple Angular JS calculator application that can perform basic mathematical operations (addition,
subtraction, multiplication, division) based on user input.

Output
Program 04 : Factorial & Square

Write an Angular JS application that can calculate factorial and compute square based on given user input.
Output

Program 05 : Student Details

Develop AngularJS application that displays a details of students and their CGPA. Allow users to read the number of
students and display the count. Note: Student details may be included in the program.
Output

Program 06 : To-do List

Develop an AngularJS program to create a simple to-do list application. Allow users to add, edit, and delete
tasks.Note: The default values for tasks may be included in the program.
Output
Program 07 : CRUD Application

Write an AngularJS program to create a simple CRUD application (Create, Read, Update, and Delete) for managing
users.
Output
Program 08 : Login Form

Develop AngularJS program to create a login form, with validation for the username and password fields.
Output

Program 09 : Employee Details

Create an AngularJS application that displays a list of employees and their salaries. Allow users to search for
employees by name and salary. Note: Employee details may be included in the program.
Output
Program 10 : Item Collection

Create AngularJS application that allows users to maintain a collection of items. The application should display the
current total number of items, and this count should automatically update as items are added or removed. Users
should be able to add items to the collection and remove them as needed. Note: The default values for items may
be included in the program.
Output
Program 11 : Convert to Upper case

Create AngularJS application to convert student details to Uppercase using angular filters. Note: The default details
of students may be included in the program.

Output
Program 12 : Date Display

Create an AngularJS application that displays the date by using date filter parameters.

Output

You might also like