angular/angular

Discussion for angular (2+) - need help? create a stackblitz with your issue to get help faster using this template: https://stackblitz.com/fork/angular-issue-repro2

Damien Retzinger

@damienwebdev

But, this would provide a backwards-compatible solution which allows for more than just Window to be scrolled.

I'd need to add a token that could be resolved to the element in question (either Window or MyElement)

Segi

@SegiH

My app uses Angular Router. I've got a data service https://pastebin.com/Aifu8Ga3 and this is my app.module.ts: https://pastebin.com/LNmdCzTn I want to store allRoutes ,which is my router configuration, inside of the data service but I have an issue with importing it inside of app.module. Is there a way to import RouterModule.forRoot in the imports and access the route defined in the data service ?

Damien Retzinger

@damienwebdev

Then all you'd have to do is simply override the key:

providers: [
    { provide: ViewportScrollerRef, useExisting: MyScrollerRef}
  ]

I think that API is fairly clean, I'm just not 100% certain on how exactly to resolve the elementref in question. The setTimeout i laid out above is just a bad hack I threw together.

Because, if I'm not mistaken the router's scroll event triggers after ngAfterViewInit

Eric

@sliceofbytes

Ya other then the setTimeout it looks pretty nice, I'll have some more time to read it over later

@SegiH looks like just a static array, just import it

@damienwebdev I've actually ended up using ng-sidebar for a couple projects just cause of weirdness with the mat-sidebar

Segi

@SegiH

do you mean the allRoutes defined in the service ?

Eric

@sliceofbytes

@SegiH yes

Segi

@SegiH

i dont want to do that

I want that inside of the data service and I want to ideally remove that other defiition

what I'd like to do is have allRoutes be part of the data service

is that possible ?

Eric

@sliceofbytes

not sure why you would want to do that but sure

Segi

@SegiH

how

Eric

@sliceofbytes

just make it a property on dataService

Segi

@SegiH

how

if you put allRoutes in the data service in app.module when you import RouterModule.forRoot you cant access the routes

Eric

@sliceofbytes

@SegiH yes it's possible, you will just have to instantiate an instance of your DataService to access the data

Segi

@SegiH

I cant fingure out how to do that

Eric

@sliceofbytes

https://stackblitz.com/edit/angular-router-basic-example?file=app%2Fapp.routing.module.ts

Like I said doesn't seem like a good idea, but if you have to do it something like that

Segi

@SegiH

thats not what i am trying to do

I know how to make it work if you import the routes in app module using RouterModule.forRoot([

I'll just leave the route object outside of the data service

Irv

@ilennert

Anyone with opinions on this? I'm using GraphQL to talk to the service API. My app also uses NGRX. My mutations all return an object that represents exactly what was added/created through the mutation. I have, at that point, been applying it to the state of the through the effect that started the whole thing off. Now I'm also starting to use the subscriptions, of which I have one for every mutation and it returns the same data

So on the client where the user entered the data I get duplicates in the state

I'm not sure if I should just ignore the return on the mutation and just update the state on the subscriptions or what...

Joe

@foxjazz

is there an example of how to list components horizontally (display : inline) doesn't seem to apply

DrewMoody

@DrewMoody

@foxjazz display: flex defaults to row.

Konstantin

@constantant

Hi everyone, could someone have a look at https://stackoverflow.com/questions/58440876/how-to-catch-an-error-which-appears-in-rendermodulefactory

elmarou

@elmarou

Hi everyone, haw can validate complex password using angular _

Brad

@bradtaniguchi

@elmarou What do you mean by "complex password" and validate? Like make sure the given password matches creteria (length, includes a none character, etc)

elmarou

@elmarou

@bradtaniguchi how can i verify whether the password contains uppercase lowercase number and a character

Brad

@bradtaniguchi

@elmarou I suggest either using the built-in Pattern validator, or build your own custom validator

Just a friendly reminder, be sure to validate the password on the back-end like any validation, client validation is more for user experience than actual security

Brendan Ingham

@brendan.ingham_gitlab

How can i animate a transition between the same component ( via a router )

the way i have my route set is that we just re-use the same component, and get different data using a route resolver. this is used for a category page, with an unlimited number of sub categories (e.g cat one has 2 subcats, one of the subcats has more ... etc)

the standard page transitions aren't working, because the component isn't being recreated, and a new one is not being created.

Brad

@bradtaniguchi

One ghetto approach is to change the router so it re-creates the component anyways

Brendan Ingham

@brendan.ingham_gitlab

What do you mean, change the router?

I've had enough trouble with aux routes I don't wanna make it cry(or myself) further

Brad

@bradtaniguchi

No, I believe there is a setting on the router to re-render a component if routed to the same route

Brendan Ingham

@brendan.ingham_gitlab

Ohh, yeah I'll do that

Brad

@bradtaniguchi

by default it doesn't (for performance) but if you wanted it to re-render anyways (like for animations, clearing state, etc) you can change that behavior

I think it has something todo with this: https://angular.io/api/router/RouteReuseStrategy

I could be wrong, I'm going off the top of my head hear, but might be worth looking into

Where communities thrive

People

Repo info

Activity