2 Mar 2021 |
danww (Daniel Willis) | @SV9045 Yes. Share wth us a Stackblitz of your code so far, and I can help you. | 19:53:11 |
5 Mar 2021 |
| vinaymcscet (vinay kumar) joined the room. | 03:06:23 |
vinaymcscet (vinay kumar) | Hello, I have below code of Mat-select with virtual-scroll. I have get the value of mat-select in formBuilder but did not reflect the value which I select in the mat-item-select. <mat-form-field appearance="outline"> <mat-select multiple (openedChange)="openChange($event)" formControlName="itemSelect"> <mat-select-trigger> {{ itemTrigger }} </mat-select-trigger> <cdk-virtual-scroll-viewport itemSize="5" minBufferPx="200" maxBufferPx="400" class="example-viewport-select"> <mat-option *cdkVirtualFor="let list of skillSet" [value]="list.data" (onSelectionChange)="onSelectionChange($event)"> {{list.data}} </mat-option> </cdk-virtual-scroll-viewport> </mat-select> <mat-error *ngIf="!addCompany.controls['itemSelect'].valid && addCompany.controls['itemSelect'].touched"> {{ titleAlert }} </mat-error> </mat-form-field> | 03:06:24 |
vinaymcscet (vinay kumar) | I did not get the value in itemTrigger. Please help me to find the error | 03:07:19 |
| vicatcu (Victor Aprea) joined the room. | 19:13:23 |
vicatcu (Victor Aprea) | hi all, just getting started with nx workspaces and am finding it difficult to figure out how to add angular material to projects in it | 19:13:24 |
vicatcu (Victor Aprea) | no matter where I run the command ng add @angular/material as per the getting started docs, I get the message The add command requires to be run in an Angular project, but a project definition could not be found. | 19:14:01 |
vicatcu (Victor Aprea) | anyone know how to do it? | 19:14:10 |
| intellix (Dominic Watson) joined the room. | 19:21:39 |
intellix (Dominic Watson) | really struggling with Stepper... the logic doesn't make sense when using it programatically | 19:21:40 |
intellix (Dominic Watson) | I want a "3 easy steps" style stepper. You start off on the first step, you click "next" and it goes to the second step etc..... so I have a property on my wrapping component: "selectedIndex = 0"<mat-horizontal-stepper [linear]="true" [selectedIndex]="selectedIndex">
<mat-step *ngFor="let step of steps; let i = index" [editable]="true" [optional]="false" [completed]="selectedIndex > i"> | 19:21:59 |
intellix (Dominic Watson) | * I want a "3 easy steps" style stepper. You start off on the first step, you click "next" and it goes to the second step etc..... so I have a property on my wrapping component: "selectedIndex = 0" | 19:22:17 |
intellix (Dominic Watson) | * I want a "3 easy steps" style stepper. You start off on the first step, you click "next" and it goes to the second step etc..... so I have a property on my wrapping component: "selectedIndex = 0"<mat-horizontal-stepper [linear]="true" [selectedIndex]="selectedIndex" | 19:22:36 |
intellix (Dominic Watson) | * I want a "3 easy steps" style stepper. You start off on the first step, you click "next" and it goes to the second step etc..... so I have a property on my wrapping component: "selectedIndex = 0"<mat-horizontal-stepper [linear]="true" [selectedIndex]="selectedIndex"
<mat-step *ngFor="let step of data.steps; let i = index; trackBy: getObjectIdentity" [editable]="true" [optional]="false" [completed]="selectedIndex > i" | 19:22:55 |
intellix (Dominic Watson) | * I want a "3 easy steps" style stepper. You start off on the first step, you click "next" and it goes to the second step etc..... so I have a property on my wrapping component: "selectedIndex = 0"<mat-horizontal-stepper [linear]="true" [selectedIndex]="selectedIndex"
<mat-step *ngFor="let step of steps; let i = index" [editable]="true" [optional]="false" [completed]="selectedIndex > i" | 19:23:08 |
intellix (Dominic Watson) | * I want a "3 easy steps" style stepper. You start off on the first step, you click "next" and it goes to the second step etc..... so I have a property on my wrapping component: "selectedIndex = 0"<mat-horizontal-stepper [linear]="true" [selectedIndex]="selectedIndex">
<mat-step *ngFor="let step of steps; let i = index" [editable]="true" [optional]="false" [completed]="selectedIndex > i"> | 19:23:23 |
intellix (Dominic Watson) | you're on the first step, it's the selectedIndex... makes sense. If you're on greater index, the previous ones are completed, obviously so selectedIndex=1 means that index 0 is complete | 19:24:05 |
intellix (Dominic Watson) | but when I change selectedIndex from 0 to 1, it seems to not work because completed is still false on the first step, which gets evaluated later | 19:24:26 |
intellix (Dominic Watson) | * but when I change selectedIndex from 0 to 1, it seems to not work because completed is still false on the first step, which gets evaluated later | 19:24:34 |
intellix (Dominic Watson) | can I not just disable the validation of that since it's clearly on drugs? | 19:25:01 |
intellix (Dominic Watson) | I'm not using matStepperPrevious or matStepperNext cause the buttons are added dynamically and I need to handle the index manually and am not able to add those directives | 19:26:44 |
intellix (Dominic Watson) | * I'm not using matStepperPrevious or matStepperNext cause the buttons are added dynamically and I need to handle the index manually and am not able to add those directives | 19:26:51 |
intellix (Dominic Watson) | it seems like [completed] is even problematic when using stepper.next/previous() | 19:32:20 |
intellix (Dominic Watson) | this seems to work:this.completedIndex = this.selectedIndex < this.data.steps.length - 1 ? this.selectedIndex + 1 : this.data.steps.length - 1;
setTimeout(() => {
this.selectedIndex = this.completedIndex;
this.cd.detectChanges();
}); | 19:42:08 |
intellix (Dominic Watson) | seems i'm not alone angular/components#19445 | 20:08:54 |
| luisvt (Luis Vargas) joined the room. | 22:23:48 |
luisvt (Luis Vargas) | In general that happens because your console work directoy is outside the project root | 22:23:49 |
6 Mar 2021 |
| Xender007 (Suprotim Mukherjee) joined the room. | 21:12:07 |
Xender007 (Suprotim Mukherjee) | Hi | 21:12:07 |
Xender007 (Suprotim Mukherjee) | I am new here!! can anyone help me how to do docs contribution ? | 21:13:05 |