Angular (73)

Fill the blank to implement initial routing in Angular:

import {  } from "@angular/router";
import { NgModule } from '@angular/core';

import { AppComponent } from './app.component';
import { ChildComponent } from "./child.component";

@NgModule({
  declarations: [
    AppComponent,
    ChildComponent
  ],
  : [
    ([{
      path: "child/:id",
      component: ChildComponent
    }])
  ],
  bootstrap: [AppComponent]
})
export class AppModule { }

What does the below line represent in router configuration?

{ path: '', redirectTo: '/home', pathMatch: 'full' }

 represents the route for all URLs by ignoring routes defined earlier in the configuration

 represents the route for those URL that doesn't match any paths for routes defined earlier in the configuration

 represents the default path for the application, the place to go when the path in the URL is empty

 represents the route for URL that includes '/home'

What does the below line represent in router configuration?

{ path: '**', component: MyComponent }

 represents the route for URL that includes an asterisk in the path

 represents the default path for the application, the place to go when the path in the URL is empty

 represents the route for those URL that doesn't match any paths for routes defined earlier in the configuration

 represents the route for all URLs by ignoring routes defined earlier in the configuration

Does routing require that every component have to have a selector?

@Component({
  selector: 'child',
  template: './child.html'
})
export class ChildComponent {}

 yes

 no

Which of the following line should be used to display passed route parameter?

router configuration:

RouterModule.forRoot([{
    path: "child/:id",
    component: ChildComponent
}])

child.component.ts:

import { Component } from '@angular/core';
import { ActivatedRoute} from "@angular/router";

@Component({
  selector: 'child',
  templateUrl: './child.html'
})
export class ChildComponent {
  constructor(private activatedRoute: ActivatedRoute) {
    console.log(...);
  }
}

 this.activatedRoute.get("id")

 this.activatedRoute.snapshot.params.get("id")

 this.activatedRoute.snapshot.get("id")

 this.activatedRoute.snapshot.paramMap.get("id")

Fill the blank to route to the home page:

import { Component } from '@angular/core';
import { Router } from '@angular/router';

@Component({
  selector: 'my-component',
  template: '<a (click)="goBack()">Home</a>'
})
export class MyComponent  {
  constructor(private router: Router) {}
  goBack() {
    this.router.(['/home']);
  }
}

Which of the following directive allows to specify where we want the routed component to display its view?

 <router-outlet>

 <ng-view>

 <outlet>

 <router>

Does Angular support hash-based routing?

 yes

 no

Is it possible to inject a service that was registered in a different module than our component belongs to?

users.module.ts:

import { NgModule } from '@angular/core';
import { UsersService } from "./users.service";

@NgModule({
  providers: [UsersService]
})
export class UsersModule { }

app.module.ts:

import { BrowserModule } from '@angular/platform-browser';
import { NgModule } from '@angular/core';

import { AppComponent } from './app.component';
import { UsersModule } from "./users.module";

@NgModule({
  declarations: [
    AppComponent
  ],
  imports: [
    BrowserModule,
    UsersModule
  ],
  bootstrap: [AppComponent]
})
export class AppModule {
}

app.component.ts:

import { Component } from '@angular/core';

import { UsersService } from "./users.service";

@Component({
  selector: 'app-component',
  template: 'app component'
})
export class AppComponent  {
  constructor(private usersProvider: UsersService) {
  }
}

 yes

 no

Who has access to the component's service instance?

 every component in the application

 only the component that owns the injector where service was provided

 the component that owns the injector where service was provided and its direct children

 the component that owns the injector where service was provided and all its children