Angular (100)

Fill the blank to register a custom service:

import { NgModule } from '@angular/core';
import { ProductsService } from './products.service';

@NgModule({
  : [
    ProductsService  
  ]
})
export class AppModule {}

Fill the blank to register a custom component in the module:

import { NgModule } from '@angular/core';
import { GameDetailsComponent } from './game-details.component';

@NgModule({
  : [
    GameDetailsComponent  
  ]
})
export class AppModule {}

Services in Angular cannot depend on other services. True or false?

 true

 false

What kind of attribute should be used in​​​​​​​ @ViewChild to access the <child> component?

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

@Component({
  selector: 'app-component',
  template: '<child #myChild></child>'
})
export class AppComponent {
}

 id="myChild"

 myChild

 #myChild

 [myChild]

There are two types of directives in Angular. Select correct answer:

​​​​​​​ injected and structural

 attribute and schematic

​​​​​​​​​​​​​​ encapsulated and structural​​​​​​​

​​​​​​​ attribute and structural

it is not possible to set a directive attribute with the same name as the directive name. True or false?

highlight.directive.ts:

import { Directive, Input } from '@angular/core';

@Directive({
  selector: '[appHighlight]'
})
export class HighlightDirective {
  @Input() appHighlight;
}

​​​​​​​​​​​​​​app.component.html

<div appHighlight="red"></div>

 true

​​​​​​​ false

 How to create a new directive in the Angular2 application using angular-cli?

 ng generate directive highlight

 ng new directive highlight

 ng add directive highlight

​​​​​​​ ng create directive highlight

Do Angular custom directives have a template?

 yes

​​​​​​​ no

The selector property is required when creating a custom directive in Angular. True or false?

 true

​​​​​​​ false

Which of the following examples is the correct way to apply the following custom directive?

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

@Directive({
  selector: "[appLet]"
})
export class LetDirective {
}

 <div app-let></div>

 <div appLet></div>

 <appLet></appLet>

 <app-let></app-let>​​​​​​​