Angular 7选择方法不适用于动态创建的ngb-tabs

时间:2019-09-04 12:59:56

标签: angular typescript ng-bootstrap

我在ng-bootstrap中使用Angular 7。我正在调用API从数据库中获取数据。在页面加载时,我会动态创建标签。一切正常,但是当我想在加载时选择默认选项卡时,它不起作用。

我尝试了.select方法,id和attr.id设置,试图在ngb-tabset上设置active.Id,...没有任何效果。有人知道问题出在哪里吗?

代码:

{{3}}

感谢答案!

1 个答案:

答案 0 :(得分:0)

人员完全加载完毕后,您需要选择标签。

像这样修改ngOnInit()

 ngOnInit() {
    this.dataService.get().subscribe(people => {
      this.people = people;
      setTimeout(() => {
        this.tabSet.select('Samantha')
      }, 0);
    },
      error => console.log(error));
  }

请参见Working Demo