Angular中ngIf与CSS的display属性控制Html元素或组件显示隐藏的区别

直奔主题，两者的主要区别在于，元素(或组件，以下都称为元素)相关联的资源的加载时间的不同。

ngIf可以认为是一种缓加载。只有当判断条件为真(true)时，元素才会进行加载并渲染。如果元素本身是比较复杂的组件时，就会进行与服务器间的资源请求。

而CSS的display属性，不存在缓加载的情况。包含相关元素的DOM加载的时候就会从服务器请求相关资源。

所以，如果开发过程中需要用到缓加载，增加页面初次加载时响应速度的时候，可以使用ngIf指令。如果需要预加载可以使用CSS的display属性。