jhades

@Component({
    selector: 'course',
    templateUrl: './course.component.html'
})
export class CourseComponent implements AfterViewInit {

    @ViewChild(MatPaginator) paginator: MatPaginator;
       
    ngAfterViewInit() {

jhades

import { MatInputModule, MatPaginatorModule, MatProgressSpinnerModule, 
         MatSortModule, MatTableModule } from "@angular/material";

@NgModule({
    declarations: [
        ... 
    ],
    imports: [
        BrowserModule,

jhades

    <!-- commonly used JS bundles -->
    <script src="https://code.jquery.com/jquery-3.2.1.slim.min.js" ></script>
    <script src="http://getbootstrap.com/dist/js/bootstrap.min.js"></script>
    ...

    <!-- register the Service Worker -->
    <script src="sw-register.js"></script>

jhades

{
  "sub": "353454354354353453",
  "exp": 1504699256
}

jhades

{
  "name": "John Doe",
  "email": "john@johndoe.com",
  "admin": true
}

jhades

@Component({
  selector: 'app-root',
  template: `      
      <ng-template>
          <button class="tab-button" 
                  (click)="login()">{{loginText}}</button>
          <button class="tab-button" 
                  (click)="signUp()">{{signUpText}}</button>
      </ng-template>

jhades

import {HttpClientModule} from '@angular/common/http';

@NgModule({
    declarations: [
        AppComponent
    ],
    imports: [
        BrowserModule,
        HttpClientModule
    ],

jhades

<p>A Bootstrap Primary Button:</p>
<button class="btn btn-primary">Button</button>
          
  

jhades

@Component({
  selector: 'app-root',
  template: `

    <h1>FA Input</h1>

    <fa-input icon="envelope" (value)="onNewValue($event)"></fa-input>
    
    <fa-input icon="lock" (value)="onNewValue($event)"></fa-input>

jhades

<input placeholder="Type Your Search">