Working with Pipes - Data Binding in Angular

<filter-textbox></filter-textbox>
<br />
<br />
<table class="table table-hover">
    <thead>
        <tr>
            <th (click)="sort('name')">Name</th>
            <th (click)="sort('city')">City</th>
            <th (click)="sort('orderTotal')">Order Total</th>
        </tr>
    </thead>
    <tr *ngFor="let cust of filteredCustomers">
        <td>
            <a>
                {{ cust.name }}
            </a>
        </td>
        <td>{{ cust.city }}</td>
        <td>{{ cust.orderTotal }}</td>
    </tr>
    <tr *ngIf="filteredCustomers && filteredCustomers.length">
        <td colspan="2">&nbsp;</td>
        <td>
            {{ customersOrderTotal }}
        </td>
    </tr>
    <tr *ngIf="!filteredCustomers || !filteredCustomers.length">
        <td colspan="4">No customers found</td>
    </tr>
</table>
Number of Customers: {{ filteredCustomers.length }}
<br />

<filter-textbox></filter-textbox>

<br />

<thead>

<tr>

<th (click)="sort('orderTotal')">Order Total</th>

</tr>

</thead>

<td>

<a>

</a>

</td>

<td>{{ cust.orderTotal }}</td>

</tr>

<td>

</td>

</tr>

<td colspan="4">No customers found</td>

</tr>

</table>

Number of Customers: {{ filteredCustomers.length }}

<br />

›

"Angular is running in the development mode. Call enableProdMode() to enable the production mode."

project

e2e

src

app

customers

customers-list

customers-list.component

.html

customers-list.component

.ts

filter-textbox.component

.ts

customers.component

.html

customers.component

.ts

customers.module.ts

shared

interfaces.ts

shared.module.ts

app.component.ts

app.module.ts

assets

.gitkeep

customers.json

orders.json

styles.css

environments

static

favicon.ico

index.html

main.ts

polyfills.ts

styles.css

test.ts

tsconfig.app.json

tsconfig.spec.json

typings.d.ts

.angular-cli.json

.editorconfig

.gitignore

README.md

karma.conf.js

package-lock.json

package.json

protractor.conf.js

tsconfig.json

tslint.json

@angular/animations@5.2.7

@angular/common@5.2.7

@angular/compiler@5.2.7

@angular/core@5.2.7

@angular/forms@5.2.7

@angular/http@5.2.7

@angular/platform-browser-dynamic@5.2.7

@angular/platform-browser@5.2.7

@angular/router@5.2.7

core-js@2.5.3

rxjs@5.5.6

zone.js@0.8.20

-9:32