Améliorer la structure de votre application avec les services et le routing

Question 1

Quel décorateur permet de transformer facilement une classe TypeScript en service ?

@Input()
@Service()
@Injectable()
@NgModule()

Question 2

Quelle option ci-dessous enregistre FolderService à la racine de mon application ?

@Injectable('root')
export class FolderService {}

@Injectable({
    providedIn: 'root'
})
export class FolderService {}

@Injectable({
    injectIn: 'root'
})
export class FolderService {}

@Injectable()
export class FolderService<root> {}

Question 3

Je veux injecter un service MarbleService dans GamesComponent. Quelle est la bonne syntaxe ?

@Component({
    selector: 'app-games',
    templateUrl: './games.component.html',
    styleUrls: ['./games.component.scss']
})
export class GamesComponent implements OnInit {
    constructor() {
        this.marbleService = MarbleService;
    }
    
    ngOnInit() {
        
    }
}

@Component({
    selector: 'app-games',
    templateUrl: './games.component.html',
    styleUrls: ['./games.component.scss']
})
export class GamesComponent implements OnInit {
    constructor(private marbleService = MarbleService) {
        
    }
    
    ngOnInit() {
        
    }
}

@Component({
    selector: 'app-games',
    templateUrl: './games.component.html',
    styleUrls: ['./games.component.scss']
})
export class GamesComponent implements OnInit {
    constructor() {
        
    }
    
    ngOnInit() {
        private marbleService = MarbleService;
    }
}

@Component({
    selector: 'app-games',
    templateUrl: './games.component.html',
    styleUrls: ['./games.component.scss']
})
export class GamesComponent implements OnInit {
    constructor(private marbleService: MarbleService) {
        
    }
    
    ngOnInit() {
        
    }
}

Débutez avec Angular

Améliorer la structure de votre application avec les services et le routing

Compétences évaluées

Question 1

Question 2

Question 3