在Angular 8中，可以避免使用混乱的类名，使用一致的命名规范和约定。以下是一些解决方法示例：

1. 使用BEM（块、元素、修饰符）命名约定：

2. 使用语义化的类名：

3. 使用特定前缀来命名类名，以便区分不同的组件和元素：

4. 使用Angular的组件样式封装功能，将样式限制在组件内部，避免全局样式冲突：

@Component({
  selector: 'app-header',
  templateUrl: './header.component.html',
  styleUrls: ['./header.component.scss'],
  encapsulation: ViewEncapsulation.Emulated
})
export class HeaderComponent implements OnInit { }

5. 使用CSS预处理器，如Sass或Less，利用其变量和混合功能来管理样式类名：

$block-color: red;
$header-color: blue;

.block {
  color: $block-color;
}

.header {
  color: $header-color;
}

通过使用这些解决方法，可以在Angular 8中避免使用混乱的类名，提高代码的可读性和可维护性。