Typescript dependency injection public vs private

by

In addition to the prior answer … anything marked as private cannot be accessed by the component’s template either. (Private members can be accessed when using JIT, such as at development time, but not when using AOT, such as for production.)

So in your template, you could only do *ngIf="carService.isValid"
if the injected service was marked as public.

But actually, best practice is to wrap any service properties/methods in a component property/method anyway and have the template bind to/call the component’s property or method.

Something like this:

   get isValid(): boolean {
      return this.carService.isValid;
   }

And then access it like this: *ngIf="isValid"

More Related Contents:

  1. How do I share data between components in Angular 2?
  2. Error when trying to inject a service into an angular component “EXCEPTION: Can’t resolve all parameters for component”, why?
  3. Ionic 2 Form goes up when keyboard shows
  4. When to use square brackets [ ] in directives @Inputs and when not?
  5. Angular2 – Interaction between components using a service
  6. Reactive forms – disabled attribute
  7. Angular4 Exception: Can’t bind to ‘ngClass’ since it isn’t a known property of ‘input’
  8. How to implement sleep function in TypeScript?
  9. Testing error case with observables in services
  10. Build Angular2 HTML and TypeScript to a single file
  11. Custom ExceptionHandler change detection lag
  12. angular keyvalue pipe sort properties / iterate in order
  13. Angular subscribe elegant
  14. How to allow access outside localhost
  15. Angular – Make multiple HTTP calls sequentially
  16. @types/googlemaps/index.d.ts’ is not a module
  17. TypeError: You provided an invalid object where a stream was expected. You can provide an Observable, Promise, Array, or Iterable
  18. Angular 4+ using Google Analytics
  19. Rxjs Retry with Delay function
  20. What is the meaning of question mark in expressions in Angular 2?
  21. Merging http observables using forkjoin
  22. Angular: selected on option of select doesn’t work as excepted while using along with ngModel
  23. How to Using a FormArray in a FormGroup
  24. Class is using Angular features but is not decorated. Please add an explicit Angular decorator
  25. How to validate white spaces/empty spaces? [Angular 2]
  26. How to run the Dist Folder on Local Machine in Angular 6+?
  27. Call a function every 10 seconds Angular2
  28. How to change angular material datepicker format
  29. Do I need to `complete()` takeUntil Subject inside ngOnDestroy?
  30. Angular2 Error: There is no directive with “exportAs” set to “ngForm”

Leave a Comment