import { Component } from '@angular/core' ; import { QueryParamBuilder , QueryParamGroup , createNumberDeserializer } from '@ngqp/core' ; declare const require ; @ Component ( { selector : 'demo-empty-on-example' , templateUrl : './empty-on-example.component.html' , } ) export class EmptyOnExampleComponent { public paramGroup : QueryParamGroup ; public markup = require ( '!raw-loader!./empty-on-example.component.html' ) . default ; public typescript = require ( '!raw-loader!./empty-on-example.component.ts' ) . default ; constructor ( private qpb ) { this . paramGroup = qpb . group ( { number1 : qpb . numberParam ( 'n1' , { emptyOn : 20 , } ) , number2 : qpb . numberParam ( 'n2' , { deserialize : createNumberDeserializer ( 20 ) , } ) , } ) ; } }