Question

使用materialize v1和angular时，我无法在同一页面中使用多个标签。

这是我的app.component.ts：

`

/* import { Component } from '@angular/core'; */
import { Component, OnInit } from '@angular/core';
import 'materialize-css';
declare var M: any;

@Component({
  selector: 'app-root',
  templateUrl: './app.component.html',
  styleUrls: ['./app.component.css']
})
export class AppComponent implements OnInit{
  title = 'app';

  ngOnInit() {
    const instanceSidenav = new M.Sidenav(document.querySelector('.sidenav'));
    const instanceTab = new M.Tabs(document.querySelector('.tabs'));
  }
}

`

sidenav菜单工作，甚至页面中的第一个选项卡也能正常工作，但第二个菜单不起作用。我用新的第二个标签将第一个转为第二个和相同的一个。

没有jquery，我该怎么办？

Answer 1

我找到了一种方法让它工作：我没有使用document.querySelector('.tabs')中使用类选择器的官方文档方式初始化选项卡，而是以这种方式使用了ids选择器document.querySelector('#tab1')。

这对我有用，直到我认为问题需要更好的方法。

下一个物化的多个标签（V1）？

1 个答案: