ngLibrary-Documentation
  1. Components
  2. BooksViewComponent

File

src/app/books/books-views/views/books/books-view.component.ts

Metadata

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 {}
Copy
<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>
Copy

./books-view.component.scss 

.books {
  height: 100%;
}
Copy
Legend
Html element
Component
Html element with directive

result-matching ""

    No results matching ""