Difference between ngif and css display none property of element in Angular?

The main difference between angular ngIf directive & hidden or display:none is ngIf will add or remove the element from DOM based on condition or expression