src/app/books/books-views/views/books/books-view.component.ts
changeDetection | ChangeDetectionStrategy.OnPush |
encapsulation | ViewEncapsulation.None |
selector | books-view |
styleUrls | ./books-view.component.scss |
templateUrl | ./books-view.component.html |
import { Component, ViewEncapsulation, ChangeDetectionStrategy } from "@angular/core"
@Component({
selector: 'books-view',
templateUrl: './books-view.component.html',
styleUrls: ['./books-view.component.scss'],
encapsulation: ViewEncapsulation.None,
changeDetection: ChangeDetectionStrategy.OnPush
})
export class BooksViewComponent {}
<section class="books" fxLayout="row">
<books
fxFlex="1 1 66.666%"
fxFlex.gt-md="1 1 80%"></books>
<selected-book
fxFlex="1 1 33.333%"
fxFlex.gt-md="1 1 20%"></selected-book>
</section>
./books-view.component.scss
.books {
height: 100%;
}