How to use if-else condition with [ngClass] in angular 7?

I want to use multiple classes inside Angular [ngClass]. I have two classes, It should work accordingly as per the condition of the flag, that are already passed from the component.ts.

Related Posts:

  1. Unable to resolve dependency tree error when installing npm packages
  2. Angular: Cannot find a differ supporting object ‘[object Object]’
  3. Angular: ‘Cannot find a differ supporting object ‘[object Object]’ of type ‘object’. NgFor only supports binding to Iterables such as Arrays’
  4. Angular, image not found (GET 404)
  5. Could not find module “@angular-devkit/build-angular”
  6. Difference between Constructor and ngOnInit
  7. AngularJS vs Angular [closed]
  8. When to use ‘npm start’ and when to use ‘ng serve’?
  9. What is pipe for in RxJS?
  10. Angular: Get current index in ngFor
  11. What is .subscribe in Angular?
  12. nodemon app crashed – waiting for file changes before starting
  13. BehaviorSubject vs Observable?
  14. Angular 6 “Can’t bind to ‘ngModel’ since it isn’t a known property of ‘input’.”
  15. ERR_INVALID_HTTP_RESPONSE using Angular 7 and ASP.Net Core 2.2 in Google Chrome browser
  16. Refused to display in a frame because it set ‘X-Frame-Options’ to ‘SAMEORIGIN’
  17. Angular: mat-form-field must contain a MatFormFieldControl
  18. (change) vs (ngModelChange) in angular
  19. Angular – ng: command not found
  20. mat-form-field must contain a MatFormFieldControl
  21. ng is not recognized as an internal or external command
  22. Angular File Upload
  23. ERROR Error: No value accessor for form control with unspecified name attribute on switch
  24. form control error:ERROR Error: No value accessor for form control with unspecified name attribute
  25. “You seem to not be depending on “@angular/core”.”
  26. No value accessor for form control
  27. Angular: Error no directive with “exportAs” set to “ngForm”
  28. What is .$on() in AngularJS
  29. Significance of ng-repeat-start vs ng-repeat
  30. Angular 4 setting selected option in Dropdown
  31. ‘ng’ is not recognized as an internal or external command, operable program or batch file
  32. Angular: conditional class with *ngClass
  33. node_modules/rxjs/internal/types.d.ts(81,44): error TS1005: ‘;’ expected error after installation of Angular 6
  34. File Upload using AngularJS
  35. TypeScript-‘s Angular Framework Error – “There is no directive with exportAs set to ngForm”
  36. Angular 2 Cannot find control with unspecified name attribute on formArrays
  37. error: This is probably not a problem with npm. There is likely additional logging output above
  38. AngularJS BootstrapUI Typeahead with object & selection functionality
  39. Unexpected value ‘undefined’ declared by the module ‘AppModule’
  40. How do I store data in local storage using Angularjs?
  41. What is .$on() in AngularJS
  42. ng serve does not work
  43. What is the equivalent of ngShow and ngHide in Angular 2+?
  44. `ui-router` $stateParams vs. $state.params
  45. how to refresh page in angular 2
  46. What is ViewChild in Angular2?
  47. Repository is not clean. Please commit or stash any changes before updating In Angular 8
  48. Angular2 Error: There is no directive with “exportAs” set to “ngForm”
  49. What is deep linking in AngularJS?
  50. Angular 5 to 6 Upgrade: Property ‘map’ does not exist on type Observable
  51. Angular 2 – Using ‘this’ inside setTimeout
  52. ‘router-outlet’ is not a known element
  53. Set focus on element
  54. How do I fix the npm UNMET PEER DEPENDENCY warning?
  55. Angular2 CLI error “@angular/compiler-cli” package was not properly installed
  56. Angular EXCEPTION: No provider for Http
  57. Error : Cannot find primary outlet to load
  58. Templating with href in angular (4)
  59. Angular 2 : No NgModule metadata found
  60. Angular 2 Checkbox Two Way Data Binding
  61. File Upload In Angular?
  62. SyntaxError: Unexpected token C in JSON at position 0 – Ionic 2 Http GET request
  63. Angular 2.0 and Modal Dialog
  64. Implement session storage in an Angular 8 application
  65. Response for preflight has invalid HTTP status code 403 on angular post request
  66. Can’t bind to ‘routerLink’ since it isn’t a known property
  67. How does Angular $q.when work?
  68. How to achieve pagination/table layout with Angular.js?
  69. Angular 4 setTimeout() with variable delay and wait
  70. AngularJS $watch vs $watchCollection: which is better for performance?
  71. What does the .subscribe() function do?
  72. Angular.js: How does $eval work and why is it different from vanilla eval?
  73. How to get current route
  74. angular.element vs document.getElementById or jQuery selector with spin (busy) control
  75. How to integrate WordPress with Angular 8 for website?
  76. What is Angular Routing?
  77. getting the ng-object selected with ng-change
  78. Why is .then not a function?
  79. Angular error: Please add a @NgModule annotation
  80. How to enable production mode?
  81. Angular 5: “No provider for ControlContainer”
  82. How to use `trackBy` with `ngFor`
  83. Why do i need `typings.json` file in an Angular 2 project?
  84. In AngularJS, what’s the difference between ng-pristine and ng-dirty?
  85. Mask for an Input to allow phone numbers?
  86. AngularJS Modal Popup
  87. How do I download a file with Angular2 or greater
  88. What are differences between SystemJS and Webpack?
  89. What is the best way to delete a component with CLI
  90. How to use forEach loop correctly in angular 2?
  91. Angular 2 Sort table columns
  92. How to use onBlur event on Angular2?
  93. How do I install Angular 2 using NPM?
  94. Check if Variable is Empty – Angular 2
  95. Why do we use $rootScope.$broadcast in AngularJS?
  96. how to use ng-option to set default value of select element
  97. Angular HTTP GET with TypeScript error http.get(…).map is not a function in [null]
  98. What does ngInject do in the following piece of code?
  99. How to apply filters to *ngFor?
  100. AngularJS: how to implement a simple file upload with multipart form?

Leave a Comment