Docsity
Docsity

Prepare for your exams
Prepare for your exams

Study with the several resources on Docsity


Earn points to download
Earn points to download

Earn points by helping other students or get them with a premium plan


Guidelines and tips
Guidelines and tips

FrontEnd Technlogies, Cheat Sheet of Computer Science

It's an assignment made in Angular for CA3

Typology: Cheat Sheet

2022/2023

Uploaded on 05/24/2023

isha-13
isha-13 🇮🇳

1 document

1 / 3

Toggle sidebar

This page cannot be seen from the preview

Don't miss anything!

bg1
CA
12007072
Somil Gumber
Screenshot:
CA3.Component.ts
import { Component, OnInit } from '@angular/core';
@Component({
selector: 'app-ca3',
templateUrl: './ca3.component.html',
styleUrls: ['./ca3.component.css']
})
export class CA3Component implements OnInit {
oNme = "";
oHad = "";
oDrc = "";
formres = "";
// Property Binding
pf3

Partial preview of the text

Download FrontEnd Technlogies and more Cheat Sheet Computer Science in PDF only on Docsity!

CA

Somil Gumber

Screenshot:

CA3.Component.ts

import { Component, OnInit } from '@angular/core'; @Component({ selector: 'app-ca3', templateUrl: './ca3.component.html', styleUrls: ['./ca3.component.css'] }) export class CA3Component implements OnInit { oNme = ""; oHad = ""; oDrc = ""; formres = ""; // Property Binding

od = "Organization Director"; oh = "Organization Head"; // Class Binding fc = true; mt = true; // ngStyle pad = "5rem"; color = "Cyan"; // Two Way Binding on = "Organization Name" // Event Binding submit = (oName: any, oHead: any, oDirc: any) => { if (oName == "Organization Name" || oHead == "" || oDirc == ""){ this .color = "Red"; this .formres = "Kindly fill all the blanks!"; } else { this .oNme = oName; this .oHad = oHead; this .oDrc = oDirc; this .color = "Green"; this .formres = "Form has been successfully submitted!"; } } contactUs = () => { this .color = "red"; this .formres = "Contact us at +919876543211"; } constructor() { } ngOnInit(): void { } }