Html 如何用角5固定方法贴

我为门户开发应用程序，但当我创建新角色时， 角色已创建，但问题是添加的元素未显示，它必须刷新浏览器才能显示此新元素！！！，我如何直接在表中显示添加的元素，以及如何开发其他方法（put和delete）和thank（我使用angular 5开发此应用程序） thid my code.html：

<form #personForm="ngForm" (ngSubmit)="onSubmit(personForm.value)">
  <input name="RoleName" [(ngModel)]="RoleName">  
  <button type="submit">Save</button>
</form>

---

如果发布成功，则使用新添加的角色更新数据表

您可以通过在subscribe函数中添加此逻辑来实现这一点

Put和delete应该遵循相同的概念。如果响应显示请求已成功处理，则（在订阅中）可以修改数据表

我注意到两件事：

尽量避免将jQuery与Angular一起使用。这两个不是最好的 在一起您可以使用获取数据表的引用

在ngOnInit中使用async/await是一种不好的做法

---

获取组件后，可以刷新特定组件data@JaiDixit，谢谢你的回答，但我希望显示的项目没有刷新，我希望你理解我的想法，因为我是英语初学者。组件刷新与页面刷新不同。-这篇文章可能会有帮助-@JaiDixit，我的意思是我想刷新只是表格而不刷新所有页面hi@Balázs Takács，谢谢你的回答，我有一个问题，我如何使用方法put和delete，方法post的原理是否相同？根据示例原则，我的意思是如果你的请求成功，那么在订阅方法中你可以修改数据表。

export interface Role {
  RoleName: string;
}

@Component({
  selector: 'app-role',
  templateUrl: './role.component.html',
  styleUrls: ['./role.component.css']
})
export class RoleComponent implements OnInit, AfterViewInit {
  private roles: any;
  constructor(private _roleService: RoleService, private http: HttpClient) { }

  onSubmit(role: Role) {
    return this.http.post('http://172.16.47.34:8282/MonProject.webservices/api/Roles', role).subscribe(status => console.log(JSON.stringify(status)));
  }

  async ngOnInit() {
    this.roles = await this._roleService.getRoles();
  }
  ngAfterViewInit(): void {
    $('#example-table').DataTable({
      pageLength: 10,
    });
  }
}