angular-pipe

Why is it that sort function is working : <th (click)="sort('transaction_date')">Transaction Date <i class="fa" [ngClass]="{'fa-sort': column != 'transaction_date', 'fa-sort-asc': (column == 'transaction_date' && isDesc), 'fa-sort-desc': (column == 'transaction_date' && !isDesc) }" aria-hidden="true"> </i></th> WHILE THIS ONE ISN'T WORKING : <th (click)="sort('user.name')">User <i class="fa" [ngClass]="{'fa-sort': column != 'user.name', 'fa-sort-asc': (column == 'user.name' && isDesc), 'fa-sort-desc': (column == 'user.name' && !isDesc) }" aria-hidden="true"> </i></th> html <tr *ngFor="let

I'm building a simple reactive form. For simplicity, lets say the only data I want to display is a date. test.component.html <form novalidate [formGroup]="myForm"> <input type="date" formControlName="date"> </form> test.component.ts private date: Date = Date.now(); ngOnInit() { this.myForm = this.fb.group({ date: [this.date, [Validators.required]] }); } The input type=date field on the template requires the date to be in the format of 'yyyy-MM-dd'. The value in event is a JavaScript Date object. How can I modify the data at the template level so the input value is correct? What I've tried: One

When using the Angular keyvalue pipe to iterate over an object's properties as follows: <div *ngFor="let item of object | keyvalue"> {{item.key}}:{{item.value}} </div> I have experienced an issue where the properties were not iterated in the order expected. And this comment suggests that I am not the only one to experience this issue: How to loop over object properties with ngFor in Angular Can someone advise what determines the order of iteration when using the keyvalue pipe please and how to force a specific iteration order? My ideal order of iteration is the order in which the properties

Using angular 4, {{31.94 | number:'1.0-0'}} Output: 32 Any idea, how to block the round off. Expecting the result is 31 You need to create your custom pipe as DecimalPipe doesn't provide any floor feature. Plus you can add your decimal pipe in it. Your Custom Pipe: @Pipe({name: 'floor'}) export class FloorPipe implements PipeTransform { /** * * @param value * @returns {number} */ transform(value: number): number { return Math.floor(value); } } Use in template as: <span>{{ yournumber | floor | your_decimal_pipe }}</span> your.component.ts import { Component, Pipe, PipeTransform } from '@angular

Is it possible in Angular 2 to apply a pipe under condition? I would like to do something like: {{ variable.text | (variable.value ? SomePipe : OtherPipe) }} If not, what is the preferred way to achieve this effect? You need to change the syntax a bit: {{variable.value ? (variable.text | SomePipe) : (variable.text | pipe2)}} Plunker example Since such syntax isn't supported, I think that the only way to do that is to implement another pipe to handle the condition: @Pipe({ name: 'condition' }) export class ConditionPipe { transform(val,conditions) { let condition = conditions[0]; let