在Angular中，渲染会被HTTP请求阻塞的情况通常发生在同步请求的场景下，即当一个HTTP请求发出后，Angular会等待请求返回的数据再继续进行渲染操作。这样可能会导致页面在请求返回之前呈现空白，用户体验不佳。

要解决这个问题，可以采用异步请求的方式来避免渲染被阻塞。下面是一个使用异步请求的示例代码：

1. 在组件中定义一个方法来发送HTTP请求，使用Angular的HttpClient模块：

import { Component } from '@angular/core';
import { HttpClient } from '@angular/common/http';

@Component({
  selector: 'app-my-component',
  template: `
    

      
      {{ data }}
    
  `
})
export class MyComponent {
  data: any;

  constructor(private http: HttpClient) {}

  ngOnInit() {
    this.getData();
  }

  getData() {
    this.http.get('https://api.example.com/data').subscribe((response) => {
      this.data = response;
    });
  }
}

2. 在模板中使用*ngIf指令来判断数据是否存在，只有在数据加载完成后才显示。

这样做的好处是，当发起异步请求时，Angular会继续进行渲染操作，不会阻塞页面的呈现。一旦请求返回数据，会触发subscribe中的回调函数，更新data属性的值，从而显示数据。

需要注意的是，使用异步请求可能会引入一些新的问题，例如处理请求错误、处理加载状态等。可以根据具体需求进行适当的处理。