在Angular中，OnInit生命周期钩子常用于初始化组件的属性和调用服务来获取数据。当订阅服务返回的值为空白时，有几种解决方法。

1. 使用*ngIf指令在模板中检查值是否为空白，只有在值存在时才显示相应的元素。这可以防止空白值导致模板错误。例如：

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

      
    
    

      数据为空白
    
  `
})
export class ExampleComponent implements OnInit {
  data: any;

  constructor(private service: DataService) {}

  ngOnInit() {
    this.service.getData().subscribe((result) => {
      this.data = result;
    });
  }
}

2. 使用RxJS的filter操作符来过滤掉空白值。这可以确保只有非空值才会被订阅。例如：

import { filter } from 'rxjs/operators';

@Component({
  selector: 'app-example',
  template: `
    
  `
})
export class ExampleComponent implements OnInit {
  constructor(private service: DataService) {}

  ngOnInit() {
    this.service.getData().pipe(
      filter((result) => result !== null && result !== undefined)
    ).subscribe((result) => {
      // 处理非空值
    });
  }
}

3. 在服务中添加一个初始值，以防止返回空白值。这可以确保组件在订阅之前具有默认值。例如：

@Injectable()
export class DataService {
  private data: any = '默认值';

  getData(): Observable {
    return of(this.data);
  }
}

这些方法可以根据您的具体需求来选择。您可以根据实际情况选择最适合您的解决方案。