Where communities thrive


  • Join over 1.5M+ people
  • Join over 100K+ communities
  • Free without limits
  • Create your own community
People
Repo info
Activity
  • Jun 18 2019 18:50
    @StephenFluin banned @piotr-mamenas
Amin Bashanfar
@Amin-bash
I don't think it's a good practice to create 4variables for this
and at the same time I can't create an array because each one of them has to have a different text
Eric
@sliceofbytes
Just create an array of strings
AndreEllrich
@andreElrico
I have post this in the angular/angular as well. As this is related to cdkPortal I also post it here:
How can I change the ViewContainer my ng-template/cdkPortal is "attached" to ? https://stackoverflow.com/questions/60117068/how-can-i-change-the-viewcontainerref-of-a-ng-template
Ronnie Barker
@ronniebarker

image.png

Anyone got any ideas on my dragging whilst scroling issue? I’d like to tell the framework what element should be tracked as the scroller

I am also having a problem with cdk drag and scrolling - but a different one. I have draggavle lists inside a scroillable sidenav container, but the scroll position is't being added to the drag item so it's out by the scroll position. Is there any way to tell cdg drag what the parent sroll container is?
Zijing Zhang
@zzj0402_gitlab
$ ng generate @angular/material:navigation Inspection
An unhandled exception occurred: Schematic "navigation" not found in collection "@angular/material".
What's going on?
Anthony Nahas
@AnthonyNahas
Angular material password strength V6 is now supporting angular V9
Check this update out! I would love to hear from you <3
https://www.npmjs.com/package/@angular-material-extensions/password-strength
Latch Kostov
@latchezar-kostov-ascendlearning-com
I am running into an issue where a component rendered with a *cdkVirtualFor is for whatever reason is not detecting its child changes when something is triggered to makes a change. For example, I have a list of cards that is rendered via *cdkVirtualFor, and each of these cards has an action menu which is based on the status of an input of that card. When I go and update the input for that particular card, the card itself changes, but the action menu which pops up, and is a child component of the card, does not change. This behavior seems to only happen in a CDK Virtual Scroll. A normal *ngFor works ok with this.
Is there some sort of way to tell the cdk-virtual-scroll-viewportthat something has changed, and that it should re-render whatever has changed? It also seems to me that when I scroll and this component is no longer in my viewport, then I scroll back, and it is in my viewport, the changes that I am expecting are all there. Perhaps this is a side-effect of the fact that the instances of these components are cached?
Latch Kostov
@latchezar-kostov-ascendlearning-com
And I take this back. I found an issue with the component that wasn't changing.
Alexander Wieser
@crystalbyte
Guys, what must I do to refresh the view after adding a child node to the material tree data model?
Amin Bashanfar
@Amin-bash
Anyone knows why all of those radio items are selected
image.png
this is the code

<mat-menu #menu="matMenu" class="organizations-menu"> <mat-radio-group class="radio-group-column"> <mat-radio-button [ngClass]="{'active': activeWorkspace.id === userWorkspaces.personalWorkspace.id}" (click)="switchCurrentWorkspace(userWorkspaces.personalWorkspace.id)" > <span class="workspace-name">{{'ORGANIZATIONS.PERSONAL-WORKSPACE' | translate}}</span> </mat-radio-button>
<div class="organizations-list-title">{{'ORGANIZATION.INSTITUTION' | translate}}</div>

        <ng-container
          *ngIf="userWorkspaces.organizations && userWorkspaces.organizations.length > 0; else emptyOrganization">
          <mat-radio-button class="organization-menu"
                  *ngFor="let organization of userWorkspaces.organizations"
                  [ngClass]="{'active': activeWorkspace.id === organization.id}"
                  (click)="switchCurrentWorkspace(organization.id)"
          >
            <img [src]="organization.logo?.url | default: defaultOrgLogo" class="workspace-logo">
            <span class="workspace-name">{{organization.name}}</span>
          </mat-radio-button>
        </ng-container>

      </mat-radio-group>
    </mat-menu>

`

Bojan Kogoj
@BojanKogoj
Why do you use class for selected?
Amin Bashanfar
@Amin-bash
@BojanKogoj to change the design
Bojan Kogoj
@BojanKogoj
But you never set [selected]
Michael Prentice
@Splaktar
@power-amin you aren’t using Template or Reactive Forms?
@zzj0402_gitlab the navigation target is new in version 9.0.0 where you can use nav as well. In version 8.x, only nav works.
@zzj0402_gitlab make sure that you are looking at the documentation that matches your version. https://v8.material.angular.io/ in your case.
Michael Prentice
@Splaktar
@crystalbyte I had to set the dataSource.data to null and then to the new value to get that to work. You can see this demo: https://stackblitz.com/edit/mat-tree-update-data?file=src/app/tree-nested-overview-example.ts
Anthony Nahas
@AnthonyNahas

I am proud to publish ngx-auth-firebaseui v4 that supports angular v9

https://www.npmjs.com/package/ngx-auth-firebaseui
https://github.com/AnthonyNahas/ngx-auth-firebaseui/releases/tag/4.0.0

A big thanks for the community that is helping this library to grow up

I would like to head your feedback <3

Zijing Zhang
@zzj0402_gitlab
@Splaktar Thx
Zijing Zhang
@zzj0402_gitlab
How to use https://www.npmjs.com/package/@google-cloud/language with Angular? I keep getting compile error.
Brad
@bradtaniguchi
@zzj0402_gitlab Thats for nodej.js, which is a totally different environment then where Angular normally runs (the browser)
Zijing Zhang
@zzj0402_gitlab
@bradtaniguchi I am well aware but I don't think they are totally different.
Brad
@bradtaniguchi
They aren't when it comes to the language, but my guess is the machine learning lib was never designed for client side, either for security or for performance.
Zijing Zhang
@zzj0402_gitlab
Probably
mzrokz
@mzrokz
@power-amin Did you find solution to your problem ?
Amin Bashanfar
@Amin-bash
@mzrokz yeah, I found a solution thank you :)))
Alex
@alexcarrasco93
@alexcarrasco93
hello
i'm using angular material datepicker and everytime i write in an input an invalid date automatically change the value for a vaid value. For example i write "18/02/1993aaaaa" and when i blur the input it changes to "18/02/1993"
i want to get the event when the input value is already changed
i tried (dateInput) and (dateChange) EventsEmitters to catch it but the catch the invalid value "18/02/1993aaaaa"
Alex
@alexcarrasco93
the value changes because of the parse that is provided with MAT_DATE_FORMATS so i'd like to emit an event after this parse because ngmodelchange or datechange events emitter are not emitting nothing after it, when i log the value in both the result is "18/02/1993aaaaa" and not the parsed value
Amin Bashanfar
@Amin-bash
hello,
I have a modal with an upload btn when you click it it will show loading in that btn and I can upload a file from my computer, what I want is when I cancel the btn of the upload I want the loading to disappear
image.png
this is the btn
and this is when I click it
image.png
I can upload but if I click cancel
it will stay like this
image.png
how can I control the cancel btn like when cancel is clicked hide the loading
Bojan Kogoj
@BojanKogoj
How do you open file select?
Xephy Lon
@XephyLon
image.png
Any idea if there's a solution to this?
Bojan Kogoj
@BojanKogoj
I would report the issue
kpaxton
@kpaxton
In the upgrade to Angular 9 it mentioned to remove entryComponents from all NgModule declarations...
I have tests for the Snackbar provided by Material and I'm getting
No component factory found for SnackbarComponent. Did you add it to @NgModule.entryComponents?
when trying to run the tests.....
Any ideas?