Where communities thrive


  • Join over 1.5M+ people
  • Join over 100K+ communities
  • Free without limits
  • Create your own community
People
Repo info
Activity
Miloš Lapiš
@mlc-mlapis
@ironchef-bklyn It's possible to subscribe to @ViewChildren because it instantiates a QueryList in fact, https://angular.io/api/core/QueryList and it has changes observable.
ironchef-bklyn
@ironchef-bklyn
@mlc-mlapis Thank you!
Rahiyan Safin
@rahiyansafz
https://stackblitz.com/edit/angular-btcn3f?file=app%2Fcdk-drag-drop-connected-sorting-example.ts
can anyone help me out? why is not my dragging working?
Yusup Khasbulatov
@khashashin_twitter
I am trying to create reusable header and footer in my Nebular project, but still unsuccessful. I don't see any problems in the console, but I suppose that I have done some incorrect routing. The lazyloaded module, which should display some content, is not loaded when the application loads. Here is my sample application under stackblitz: https://stackblitz.com/edit/nebular-common-header-footer
Could help some one?
ironchef-bklyn
@ironchef-bklyn
I'm trying to implement something where elementA's size will changed based its parent's(elementB's) width. What's the best way to observe elementB's width changes? I've tried the ResizeObserver and the MutationObserver and they both lag in rendering until I've actually interacted with elementB (rolling over it). Is there a way to do this without using those ResizeObserver or MutationObserver?
Yosi
@yosiasz
Greetings, given the following wireframe, when clicking Users I want to see User details where the blue arrow is but it shows up when the red arrow is at, routing and all works but want the user detail in the bigger container
image.png
Daniel Willis
@danww
@yosiasz Can you put your example in a Stackblitz instance?
Yosi
@yosiasz
coming
thanks @danww
Daniel Willis
@danww
@khashashin_twitter I've never used the Nebular lib, but are you sure you're using the layout module correctly? https://akveo.github.io/nebular/docs/components/layout/overview#nblayoutcomponent
@ironchef-bklyn Is this based on the screen width, or is there something else changing the width of Element B?
1 reply
@ironchef-bklyn (I use @angular/flex-layout for layout)
Yusup Khasbulatov
@khashashin_twitter
@danww well it might be the problem of nebular layout. As you can see in the stackblitz I actually followed "Angular way" to implement reusable header and footer. I've created an issue in nebular github will see what they'll say
Daniel Willis
@danww
@khashashin_twitter It doesn't seem to be a problem with the lazy-loading - I tried your Stackblitz but pointing the 'pages' route directly to the PagesComponent and still no joy.
Yusup Khasbulatov
@khashashin_twitter
@danww exactly, if I remove nebular layout tags it works. Hmm it kind of strange.
Daniel Willis
@danww
k k
Sorry, I haven't worked with Nebular at all. :(
Yosi
@yosiasz
@danww here you go
https://stackblitz.com/edit/angular-ivy-kpz4ka
Daniel Willis
@danww
@yosiasz Thanks. I don't see any user details or routing?
@yosiasz Or perhaps I am misunderstanding your question
Jeannuel
@jeannsensei
Hi, what's up everybody. I'm recently catching up with Angular Universal. I saw the TransferState API, I'm seeing a lot of examples over the internet but I can't still manage to avoid making double requests. Do you know some resources like guides or blog posts that would guide me in the right direction? Thanks in advance.
Yosi
@yosiasz
maybe that is the problem :laughing:
on my laptop
@danww I used assessments instead of users , sorry
Daniel Willis
@danww
@yosiasz I'm still not seeing any data or routing in your Stackblitz example. Is this purely a layout issue? Or are you trying to get data into certain components?
Yosi
@yosiasz
Just layout issues
I just want to see the assessment screen in that location, i can mock up the data for now
Daniel Willis
@danww
@yosiasz Ah yep, I get it now.
@yosiasz Have you considered using @angular/flex-layout for layout?
Yosi
@yosiasz
Sure, anything that makes things better
Daniel Willis
@danww
@yosiasz https://stackblitz.com/edit/angular-ivy-hwfqn2?file=src%2Fapp%2Fapp.component.html
I've forked your example, and used FlexLayout.
I didn't want to sift through the CSS in your template html, so just took out enough to make it work for the example.
Yosi
@yosiasz
no worries! so, flex instead of angular material or in addition to... thanks much
Yosi
@yosiasz
ok, in addition to. need to read up some more on flex
Daniel Willis
@danww
Yep, @angular/flex-layout works well with @angular/material
Yosi
@yosiasz
:thumbsup:
Daniel Willis
@danww
The docs for it aren't amazing, but it's a great tool, and using it with @angular/material means you barely have to write any CSS. :)
Yosi
@yosiasz
I can even build the menu in the navbar dynamically based on result from an api, based on username
Aladin Bensassi
@BenSassiAladin_twitter
Hey
Was wondering how I can change this into a link
<span ng-bind-html="vm.footer.info.web | linky:'_blank'"></span>
Tried a few things but nothing work
Basically, the problem is that if my user types in link.com instead of www.link.com the address stop behaving like a link and becomes just text
robert-brower-impaq
@robert-brower-impaq
@BenSassiAladin_twitter routerLink directive
click handler and this.router.navigate
or just use an anchor tag