Clash Royale CLAN TAG#URR8PPP

Block Round Off using decimal pipe in angular 4

Using angular 4,

number:'1.0-0'


Output: 32

Any idea, how to block the round off. Expecting the result is 31

2 Answers
2

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 </span>


your.component.ts

import Component, Pipe, PipeTransform from '@angular/core';


@Pipe(name: 'DecimalPipe')
export class NumNotRoundPipe implements PipeTransform
transform(value: number): number
var num1 = Math.floor(value * 100) / 100;
return num1;




your.module.ts

import NumNotRoundPipe from './your.component'

@NgModule(
imports: [
],
declarations: [
NumNotRoundPipe
],
entryComponents: [

],
providers: [

],
schemas: [CUSTOM_ELEMENTS_SCHEMA]
)


your.component.html

<span>yourNumber </span>


By clicking "Post Your Answer", you acknowledge that you have read our updated terms of service, privacy policy and cookie policy, and that your continued use of the website is subject to these policies.