小编Ser*_*rgi的帖子

有没有办法去除边框,我认为它box-shadow是mat-expansion-panel来自Angular材料？我希望它全白,所以你只会看到文字和扩展箭头

<mat-accordion>
 <mat-expansion-panel class="" (opened)="panelOpenState = true"
                   (closed)="panelOpenState = false">

   <mat-expansion-panel-header>

     <mat-panel-title>
       <span class="right">Filter</span>
     </mat-panel-title>

   </mat-expansion-panel-header>

   <p><app-data></app-data></p>

 </mat-expansion-panel>
</mat-accordion>

我正在 Angular 上制作我的第一个应用程序。我试图通过性别属性过滤书籍对象列表。我在组件之间共享数据有困难：filteredData变量和书籍列表FireBaseList。

我正在尝试将filteredData变量从fixed-nav.componentto传递给books-grid.component。根据我的研究，我知道我需要使books-grid.component“bookList”可以观察到任何更改，并让bookListonfixed-nav.component.ts对上的任何更改发出事件this.bookList

但是，我无法实现这一目标。我知道已经有很多关于 observable 的问题，但没有人使用 Firebase。希望有大神帮帮我，谢谢！！

我用作过滤器的固定导航组件

    import { Component, OnInit } from '@angular/core';
    import { BookService } from '../../../services/book.service';
    import { Book } from '../../../models/book';

    @Component({
      selector: 'fixed-nav',
      templateUrl: './fixed-nav.component.html',
      styleUrls: ['./fixed-nav.component.css']
    })
    export class FixedNavComponent implements OnInit {

      Genders: string[];
      bookList: Book[];

      constructor(private bookService: BookService) {

        this.Genders = ["Historia","Literatura", "Infantil", "Juvenil","Poesía","Narrativa"];      
      }

      filterByGender(gender: string){

        this.bookService.getBooks() // FIREBASE
        .snapshotChanges()
        .subscribe(item …

我有一个mat-icon和一个mat-badge包含一个数字。

我正在寻找mat-badge仅当数字为<=0.

我做*ngIf了整个mat-icon，结果很明显，它删除了mat-icon和mat-badge。

这是代码

<mat-icon matBadge="{{matBadge}}" class="icon">shopping_cart</mat-icon>