小编use*_*172的帖子

我有工具栏工作,但它在页面顶部留下了一个间隙,而不是平滑.

此外,我希望它是粘性的,但还没有在那部分工作,因为它看起来不像我的工具栏实现是一个"标题".我做错了什么或者我使用了错误的组件？

<md-toolbar color="primary">
    <i class="material-icons app-toolbar-menu">menu</i>
    <span class="app-toolbar-filler"></span>
    <md-sidenav>
    </md-sidenav>
</md-toolbar>

我有一个问题，sidenav 和 header 是共享服务的不同组件。这在检查 sidenav 元素时似乎有效，我可以看到打开和关闭的切换。我遇到的问题是实际上没有 sidenav 出现。

组件文件：

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

import { MdSidenav } from '@angular/material';

import { SidenavToggleService } from './shared/sidenavToggle.service';

@Component({
  selector: 'app-sidenav',
  templateUrl: './sidenav.component.html',
  styleUrls: ['./sidenav.component.css']
})
export class SidenavComponent implements OnInit {
  @ViewChild('sidenav') sidenav: MdSidenav;

  /**
   * Constructor of the class.
   * @param {sidenavService} SidenavToggleService
   */
  constructor(public sidenavService: SidenavToggleService) {}

  /**
   * OnInit life cycle hook
   */
  public ngOnInit(): void {
    this.sidenavService.setSidenav(this.sidenav);
  }

}

html文件：

<md-sidenav-container>
  <md-sidenav …

        var input = $('#csearchtext').val();
    var dropdownindex = $("select[name='columnlist'] option:selected").index();
    var radioselected = $("input:radio[name='group2']:checked").val();
    var searchpattern = '';

    switch (radioselected) {
        case 1:
            searchpattern = '/^'+input+'/'+'ig';
            break;
        case 2:
            searchpattern = input;
            break;
        case 3:
            searchpattern = '/'+input+'$/'+'ig';
            break;
    }


    console.log(searchpattern);

    $('#table_id').dataTable().fnFilter(searchpattern, dropdownindex + 1, false, true, true, false);

输入工作正常,以及下拉和无线电选择.Radioselected是1,2或3和2是默认选中,但是console.log searchpattern仍然是空的,但switch语句应该每次都生效.