Develop An Angular Js Form To Apply Css and Events
The document outlines the creation of an AngularJS form that includes input validation and event handling, as well as the implementation of a basic HTTP server using both the native HTTP module and the Express framework. It also describes CRUD operations on a MongoDB dataset, detailing how to connect to the database, insert, update, and delete records. The code snippets provided illustrate these functionalities in a structured manner.
We take content rights seriously. If you suspect this is your content, claim it here.
Available Formats
Download as PDF or read online on Scribd
0 ratings0% found this document useful (0 votes)
18 views6 pages
Develop An Angular Js Form To Apply Css and Events
The document outlines the creation of an AngularJS form that includes input validation and event handling, as well as the implementation of a basic HTTP server using both the native HTTP module and the Express framework. It also describes CRUD operations on a MongoDB dataset, detailing how to connect to the database, insert, update, and delete records. The code snippets provided illustrate these functionalities in a structured manner.
We take content rights seriously. If you suspect this is your content, claim it here.
Available Formats
Download as PDF or read online on Scribd
You are on page 1/ 6
fonteignt: bolt
)
success {
cal green
ontneigt: bold
)
syle
body ngcontolr~"FarmCertrllr>
-
Iga field with nmol and event»
input ype="text ng models"username’ classi fad?
placeholder="Enie your name" ng-changes"oninputChange()>
<1 Validation Messag
<<} Button mith ick event >
bution class»'bin'ngclcks"greetUser() Greet Mec/buton>
-<- isplayng Message —>
“ap clasa~suooees"»((mensage))= 3)
Ssvope message = "Hel," + Sscope username +"
Jetset eas eer ls
8. Develop an angular JS form to apply CSS and Events
-SBOCTYPE mimi>
til longs"en na-app="mWAo™
choad>
mata charset UTFS'>
meta name= iewpert'contant="widtn=devce-width intial
slile>AngulardS Form
4 Inca Anguloris
script
‘51c= ips ax goagleapis.com/ajox/ivsranguags1.8 2angula
minjs*elsceipt>
styles
body (
font fami; Ail sane sen
)
inp ld
padding: 10px
beer 2px solid 400TH,
edo
bin
padding: 10px 15px
backgroune-color #007
border:none
margin-top: 10x
)
binhover(
backproune-color: #00s6b3
a
wor
cole rd
Fontaeight bol 7:31 @ = tae BB Sail S100
Using HTTP Module:
const http = require(http);
const server = http.createServer((req, res) => {
if (req.method === 'GET’ && req.url yf
res.writeHead(200, { ‘Content-Type’: ‘text/plain’ });
res.end(‘Hello World!’);
else if (req.method ET’ && req.url about’) {
res.writeHead(200, { ‘Content-Type’: ‘text/plain’ });
res.end("This is the About Pagel’);
else {
res.writeHead(404, { ‘Content-Type’: ‘text/plain’ });
res.end(Page not found’);
}
»:
const PORT = 3000;
server listen(PORT, () => {
console.log(‘Server is running on http://localhost:${PORT});
»
Using Express Module:
// Import Express
const express = require(‘express’);
// Create an Express app
const app = express();
// Define a route for the root URL
app.get('/’, (req, res) => {
seaaendftelo World!’);
dy
// Start the server
const PORT = 3000; // You can use any available port
app listen(PORT, () => {
console.log(’Server is running on http://localhost:${PORT} ); \€(Sscope usemame length >=3)(
‘scope message "Hallo," + Sscope username +"
eae
Sscope message = ‘Pease enter a valid name:
)
t
Ms
slscrinte
