Angular Box

Angular interpolation के द्वारा हम {{ }} के बीच लिखे expression को evaluate करतें हैं। जब हम interpolation का प्रयोग करते हैं तो उसके अंदर लिखे expression को string में परिवर्तित करके प्रदर्शित करता है। Interpolation का प्रयोग हम किसी भी html tag के बीच में या फिर उसके attribute में कर सकते हैं। {{ }} के बीच लिखा expression प्रायः component class का कोई property या function होता है।  मान लीजिए कि क्लास में कोई वेरिएबल str है तो str का मान प्रदर्शित करने के लिए हम इस प्रकार कोड लिखेगें - {{ str }} । हम कोष्ठक के अंदर किसी फंक्शन का भी प्रयोग कर सकते हैं जोकि डाटा टाइप return करता हो। तो चलिए एक उदाहरण के माध्यम से समझते हैं: src/app/app.component.ts import { Component } from '@angular/core'; @Component({ selector: 'app-root', templateUrl: './app.component.html', styleUrls: ['./app.component.css'] }) export class AppComponent { str = 'My string'; num = 1234; logoUrl = './assets/logo.png'; myfunction() { return 'Ret...

जब हम Angular CLI से ng new कमांड के द्वारा नया प्रोजेक्ट बनाते हैं तो CLI एक फाइल स्ट्रक्चर generate करता है। जिनमे से कुछ फाइल एप्प डेवलपमेंट में सहायता करती हैं तो कुछ फाइल में प्रोग्रामर कोड्स लिखता है। यहाँ पर हम केवल उन फाइल के बारे में जानेंगे जो प्रोग्रामर के लिए जानना अति आवश्यक है। ये आवश्यक फाइल कुछ इस प्रकार हैं- src/app/app.module.ts : इस फ़ाइल के में हम अपने एप्प के root module को define करते है। इसके अंदर हम उन सभी module को import करतें हैं जो इस प्रोजेक्ट में प्रयोग किये जायेंगे। और इसी फाइल में हम उन सभी component को import और declare करते हैं जोकि इस प्रोजेक्ट का हिस्सा है। import { BrowserModule } from '@angular/platform-browser'; import { NgModule } from '@angular/core'; import { AppComponent } from './app.component'; @NgModule({ declarations: [ AppComponent ], imports: [ BrowserModule ], providers: [], bootstrap: [AppComponent] }) export class AppModule { } जैसा कि हम देख सकतें हैं कि हमने लाइन 1 पर BrowserModule modul...