要刷新Angular中的HTML的一部分，你可以使用ngIf指令、ngSwitch指令或者ng-template结构来动态控制显示和隐藏。

以下是使用ngIf指令的示例代码：

HTML模板：

  刷新



  



  

组件代码：

import { Component } from '@angular/core';

@Component({
  selector: 'app-root',
  templateUrl: './app.component.html',
  styleUrls: ['./app.component.css']
})
export class AppComponent {
  showForm: boolean = false;
  showDiv: boolean = false;
  showTable: boolean = false;

  refresh() {
    // 根据需求设置要刷新的部分
    this.showForm = true;
    this.showDiv = true;
    this.showTable = true;
  }
}

在上面的代码中，通过设置showForm、showDiv和showTable变量来控制是否显示相应的表单、div和表格。当点击"刷新"按钮时，调用refresh()方法来设置这些变量，从而刷新HTML的一部分。

你也可以根据需要使用其他指令或结构来实现类似的效果，例如使用ngSwitch：

然后在组件中设置section变量来切换要显示的部分。

除了以上的方法，你还可以使用ng-template结构：

  刷新表单
  刷新div
  刷新表格





  



  



  

组件代码：

import { Component, ViewChild, TemplateRef } from '@angular/core';

@Component({
  selector: 'app-root',
  templateUrl: './app.component.html',
  styleUrls: ['./app.component.css']
})
export class AppComponent {
  @ViewChild('formTemplate') formTemplate: TemplateRef;
  @ViewChild('divTemplate') divTemplate: TemplateRef;
  @ViewChild('tableTemplate') tableTemplate: TemplateRef;

  selectedTemplate: TemplateRef;

  refresh(section: string) {
    switch (section) {
      case 'form':
        this.selectedTemplate = this.formTemplate;
        break;
      case 'div':
        this.selectedTemplate = this.divTemplate;
        break;
      case 'table':
        this.selectedTemplate = this.tableTemplate;
        break;
    }
  }
}

在上面的代码中，使用ng-template定义了三个模板，然后在组件中通过ViewChild装饰器获取这些模板的引用。当点击相应的按钮时，调用refresh()方法来设置selectedTemplate变量，从而切换要显示的模板。使用ng-container和ngTemplateOutlet来动态渲染选定的模板。

无论你选择哪种方法，都可以根据具体需求来刷新Angular中的HTML的一部分。