@TAVkiev https://github.com/angular/components/blob/master/CHANGELOG_ARCHIVE.md#200-beta11-carapace-parapet-2017-09-21 This one requires 4. Keep scrolling down to see which one would work with v2.
not sure if it makes a difference, but i have an array of form controls, and then i also have an array of objects and i need to reference them both in a mat table row.
i have a "criteria" object that has some descriptions and etc, and then i have 2 form controls, which is a text field and a checkbox. i've tried using criteria[i].field, i've tried merging the arrays (using a map function like this:
this.criteriaMapped = criteria.map((criterion, i) => {
return {
...criterion,
...this.criteriaForms.controls[i]
}
})and i've tried a few other things, but i always get the same error
I wonder if anybody can help, I've been trying to get the CDK drag drop component to snap to grid, apparently this is possibly via constrainPosition, however even if I perform the appropriate maths to move the point to be 10 pixel increments, depending on where I start the drag from, the item snaps to position not on 10 pixel increments, if that makes sense?
const newPoint: Point = {
x: Math.round(point.x / dragRef.data.data.gridSpacing.x) dragRef.data.data.gridSpacing.x,
y: Math.round(point.y / dragRef.data.data.gridSpacing.y) dragRef.data.data.gridSpacing.y
};return newPoint;
x: Math.round(point.x / dragRef.data.data.gridSpacing.x) dragRef.data.data.gridSpacing.x,
y: Math.round(point.y / dragRef.data.data.gridSpacing.y) dragRef.data.data.gridSpacing.y
};return newPoint;
gridSpacing.x and gridSpacing.y are equal to 10
That's the code used in constrainPosition, thanks for any assistance!
still learning!
only available on mac, but it seems im better off just making a custom theme with scss i think
that page makes my browser like 2fps lol
i ended up generating a palette and just pasting that into the custom-theme.scss
https://www.nikhilwalvekar.com/ng-mat-theme-generator/ is pretty nice
pasting the hex # in doesn't work though :S
is it just me or in mat-table row/cell, is there no way to access another array? i.e.
<mat-cell *matCellDef="let criterion; let i = index" [formGroupName]="i" [innerText]="criteria[i].questionNumber"></mat-cell>and
<mat-cell *matCellDef="let criterion; let i = index" [formGroupName]="i">
<mat-checkbox formControl="criterion.get('correct')"><span class="sr-only">Correct (yes/no)</span></mat-checkbox>
</mat-cell>
I have create a project that reflect this issue. https://github.com/jimkeecn/buildxactDemo, in this demo, the table is not display properly. the mat-input placeholder does not lift up after I write something on the field. even werider, If I added a mat-button inside the template, the rest of the content is gone...
@jimkeecn there are a number of known issues with Angular Elements and Material, you can find them here: https://github.com/angular/components/issues?q=is%3Aopen+is%3Aissue+label%3Aelements. If you submit a new one and want me to tag it with
elements please ping me in the issue and I’ll add it.
couldn't find anything on google
i have an angular material mat-table, and i'm dynamically creating it from a form on that page and want to allow the user to change the data set after they've already done so. i'm having an issue where (depending how i do it), it either doesn't re-render the table, or the console give me lots of errors along the lines of "cannot find x form field", is there a way i can fix this?
nevermind, fixed it! just needed to change it from
myFormArray.reset() to myFormArray.clear()
