angular2-pipe

I have the following template: <div *ngFor="let item of myArray | customPipe1 | customPipe2; let l = length"> Here is the length of my ngFor : {{l}} </div> Unfortunately length doesn't exist in ngFor. How can I work around this issue to have the length available inside my ngFor? Another solution could be the following <div *ngFor="let item of myArray | customPipe1 | customPipe2; let l = count"> Here is the length of my ngFor : {{l}} </div> Plunker Example See also https://github.com/angular/angular/blob/master/packages/common/src/directives/ng_for_of.ts#L15-L17 <div *ngFor="let item of myArray

I am creating a pipe in angular2 where I want to split the string on white spaces and later on read it as an array. let stringToSplit = "abc def ghi"; StringToSplit.split(" "); console.log(stringToSplit[0]); When I log this, I always get "a" as output. Where I am going wrong? Made a few changes: let stringToSplit = "abc def ghi"; let x = stringToSplit.split(" "); console.log(x[0]); The split method returns an array. Instead of using its result, you are getting the first element of the original string. let stringToSplit = "abc def ghi"; StringToSplit.split(" "); console.log(stringToSplit[0]);

Currently I am overriding providers to use mocked services like this: beforeEach(inject([TestComponentBuilder], (tcb: TestComponentBuilder) => { tcb.overrideProviders(AddFieldToObjectDropdownComponent, [ provide(ServiceA, { useClass: MockServiceA })), provide(ServiceB, { useClass: MockServiceB })) ])... I want to do same thing for pipes that the component uses. I tried, provide(PipeA, { useClass: MockPipeA }) and provide(PipeA, { useValue: new MockPipeA() }) but both didn't work. You can add your mockpipes in the declarations of the TestBed : TestBed.configureTestingModule({ declarations: [

I'm making an Angular project where the user has the ability to switch languages. Is it possible to make the locale dynamic? I have seen that you can add it in the NgModule but i'm guessing it's not dynamic when i put it there? Or can i change it somehow through a service or something? Using providers you can change your default locale in your NgModule . to do this You need to import LOCALE_ID from angular/core and fetch your locale language to pass the same to providers. import { LOCALE_ID } from '@angular/core'; @NgModule({ imports: [//your imports], providers: [ { provide: LOCALE_ID,

I have a array of array having two elements each, i.e. arr[a[2]] . Index 0 is name and index 1 is size . I want a pipe to sort the array of array according to size ie index 1 . Example: arr [ [ 'hello' , '1' ] , [ 'how' , '5' ] , [ 'you' , '12' ] , [ 'are' , '6' ] ] Output of pipe should be : arr [ [ 'hello' , '1' ] , [ 'how' , '5' ] , [ 'are' , '6' ] , [ 'you' , '12' ] ] HTML file: <p> {{items | custompipe }}</p> It's not a good idea to use a pipe for sorting. See the link here: https://angular.io/guide/pipes#appendix-no-filterpipe-or-orderbypipe Rather, add code in your component to perform

I currently use this pipe {{ product.productPrice | number:'.2-2' }} And result is 1,000,000.00 but I want to remove the .00 How do you do that? Use this : {{product.productPrice | number: '1.0-0'}} 1.0-0 means: at least one digit before decimal point, 0 digits after decimal point. https://angular.io/api/common/DecimalPipe 来源： https://stackoverflow.com/questions/45955101/decimal-pipe-in-angular-2-commas-only-no-decimal-places