在Angular中，可以使用*ngFor指令将数组和可观察对象的数据渲染到HTML中。

解决方法示例：

1. 对于数组： 在组件中定义一个数组，并在HTML模板中使用*ngFor指令来遍历数组，并将每个元素渲染到HTML中。

组件代码示例：

export class AppComponent {
  arrayData: string[] = ['item1', 'item2', 'item3'];
}

HTML模板代码示例：

  
{{item}}

上述代码将会将数组中的每个元素（item1、item2、item3）渲染为一个列表项。

2. 对于可观察对象： 在组件中定义一个可观察对象，并使用async管道将其订阅并自动更新HTML模板。

组件代码示例：

import { Observable } from 'rxjs';

export class AppComponent {
  observableData: Observable = new Observable(observer => {
    observer.next(['item1', 'item2', 'item3']);
  });
}

HTML模板代码示例：

  
{{item}}

上述代码中，使用async管道将observableData订阅，并将可观察对象中的每个元素渲染为一个列表项。由于使用了async管道，HTML模板会自动更新，以反映可观察对象中的任何更改。

以上是在Angular中将数组和可观察对象渲染到HTML的解决方法。根据具体情况，你可以根据自己的需求进行适当的调整。