如何使用jQuery插件Angular2吗?插件运行

Question

我的目标是在angular2中应用jQuery插件。它可以是任何插件，如jQuery.DataTable，bootstrap-select等。

我做的是抓取的数据服务。爵士

这里的问题是时差。在第一步，我绑定数据，在第二步，我应用插件，但我认为绑定有点慢，所以插件的代码在实际绑定html呈现之前运行。这给我带来了问题。

示例代码如下：

private loadPermissionGroups() {
        this.permissionManagerService.getPageData()
            .subscribe(res => {
                this.employeeList = res.Data.PageData.EmployeeList;
                // applyDataTable jQuery code
            },
            null,
            () => {
                this.showLoading = false;
            });
    };

请建议。

Answer 1

您还可以使用指令:

/**
 * [Directive description]
 * @param {"[custom-dropdown]"}} {  selector [Directive for adding jQuery for select box]
 */

@Directive({
   selector: "[custom-dropdown]"
})


/**
 *[Class description]
 */
export class customDropdown implements AfterViewInit {
  constructor(public el: ElementRef) {}

  ngAfterViewInit() {
    $(this.el.nativeElement).selectpicker();
  }
}

希望这对你有帮助。