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 { } }