How to check empty object in angular 2 template using *ngIf

by

This should do what you want:

<div class="comeBack_up" *ngIf="(previous_info | json) != ({} | json)">

or shorter

<div class="comeBack_up" *ngIf="(previous_info | json) != '{}'">

Each {} creates a new instance and ==== comparison of different objects instances always results in false. When they are convert to strings === results to true

Plunker example

More Related Contents:

  1. Angular 7 go offline?
  2. How to add number with variable name? [duplicate]
  3. typescript anonymous object with variable based label value
  4. Can’t bind to ‘ngModel’ since it isn’t a known property of ‘input’
  5. How do I download a file with Angular2 or greater
  6. Angular 2: How to detect changes in an array? (@input property)
  7. Angular 2 router event listener
  8. Typescript Type ‘string’ is not assignable to type
  9. Angular 2 Karma Test ‘component-name’ is not a known element
  10. How to do the chain sequence in rxjs
  11. Angular 2: TypeError: l_thing0 is undefined in [{{thing.title}} in AppComponent@4:44]
  12. using external JS libraries in my angular 2 project
  13. Load existing components dynamically Angular 2 Final Release
  14. Angular 5 Scroll to top on every Route click
  15. How to handle window scroll event in Angular 4?
  16. Prevent IE11 caching GET call in Angular 2
  17. Nested arrays in Angular 2 reactive forms?
  18. Angular: In which lifecycle hook is input data available to the Component
  19. Angular 2 Component @Input not working
  20. angular 4+ assign @Input for ngComponentOutlet dynamically created component
  21. Angular 4 Filter Search Custom Pipe
  22. Correct way Provide DomSanitizer to Component with Angular 2 RC6
  23. Angular 2 typescript invoke javascript function
  24. Whats the difference between using a class and interface?
  25. What does Angular 2 hashtags in template mean?
  26. Converting an image to base64 in angular 2
  27. Angular 6: ERROR TypeError: “… is not a function” – but it is
  28. Angular interceptor exclude specific urls
  29. How to iterate using ngFor loop Map containing key as string and values as map iteration
  30. Angular: 7.2.1 ES6 class ReferenceError : Cannot access ‘X’ before initialization

Leave a Comment