Jassif Team Institution

ஆங்குலர் பயன்பாடு துவக்கம் & சேவை வழங்குநர்கள்

Bootstrap என்பது உங்கள் பயன்பாட்டை ஒரு தனித்துவமான ரூட் கூறுடன் தொடங்குகிறது மற்றும் செயல்திறன் மற்றும் சோதனைக்கு ஏற்ற வரையறையில் சேவை வழங்குநர்களை (Router, HttpClient, போன்றவை) பதிவு செய்கிறது.

பயன்பாடு துவக்கத்தின் அடிப்படைகள்

import { bootstrapApplication } from '@angular/platform-browser';
import { provideRouter } from '@angular/router';
import { provideHttpClient } from '@angular/common/http';

bootstrapApplication(App, {
  providers: [
    provideRouter(routes),
    provideHttpClient()
  ]
});

அடிப்படை துவக்கம் மற்றும் உலகளாவிய சேவை வழங்குநர்கள்

முழு பயன்பாட்டிற்கும் கிடைக்கும் வகையில் Router மற்றும் HttpClient உடன் துவக்கவும்.

ரூட் கூறை குறைவாக வைத்திருக்கவும்; சேவை வழங்குநர்களை துவக்கத்தில் கட்டமைக்கவும்.

bootstrapApplication(App, { 
  providers: [ 
    provideRouter(routes), 
    provideHttpClient() 
  ] 
});

import { bootstrapApplication } from '@angular/platform-browser';
import { Component } from '@angular/core';
import { Routes, provideRouter, RouterOutlet } from '@angular/router';
import { provideHttpClient } from '@angular/common/http';

@Component({
  selector: 'home-page',
  standalone: true,
  template: `<p>Home works</p>`
})
class Home {}

const routes: Routes = [
  { path: '', component: Home }
];

@Component({
  selector: 'app-root',
  standalone: true,
  imports: [RouterOutlet],
  template: `<router-outlet></router-outlet>`
})
class App {}

bootstrapApplication(App, {
  providers: [
    provideRouter(routes),
    provideHttpClient()
  ]
});

சிறப்பம்ச வரையறை சேவை வழங்குநர்கள்

தேவையற்ற உலகளாவிய சேவைகளைத் தவிர்க்க, சேவைகளைத் தேவைப்படும் இடங்களில் மட்டுமே வழங்கவும்.

சிறப்பம்சம்/வழி சேவை வழங்குநர்கள் துவக்க நேரம் மற்றும் சோதனைக்கு ஏற்ற தன்மையை மேம்படுத்தும்.

const routes = [
  { 
    path: 'admin', 
    providers: [provideHttpClient()], 
    loadComponent: () => import('./admin').then(m => m.Admin) 
  }
];
bootstrapApplication(App, { providers: [provideRouter(routes)] });

import { Routes, provideRouter } from '@angular/router';
import { provideHttpClient } from '@angular/common/http';

const routes: Routes = [
  {
    path: 'admin',
    providers: [provideHttpClient()],
    loadComponent: () => import('./admin.component').then(m => m.AdminComponent)
  }
];

bootstrapApplication(App, { providers: [provideRouter(routes)] });

HttpClient அமைப்பு

தேவையான வரையறையில் provideHttpClient() ஐ ஒருமுறை சேர்க்கவும்.

அந்த வரையறைக்கு HttpClient ஐ இயக்குகிறது; தேவைப்படும் இடைமறுப்பிகளைச் சேர்க்கவும்.

இடைமறுப்பிகள் சிறியதாகவும் கவனம் செலுத்தியதாகவும் இருக்க வேண்டும்.

import { provideHttpClient } from '@angular/common/http';

bootstrapApplication(App, {
  providers: [provideHttpClient()]
});

பயிற்சி

ஆங்குலர் பயன்பாட்டைத் தொடங்கி சார்பு உட்செலுத்தலைக் கட்டமைக்கும் செயல்பாடு எது?