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

Rahiyan Safin

@rahiyansafz

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

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?

2 replies

@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

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

Aishasadat123

@Aishasadat123

how can read a json object and manipuate it ?

Miloš Lapiš

@mlc-mlapis

@Aishasadat123 There is a simple transformation from JSON to JS object, like const jsObject = {propA: 1, propB: 2, ...};

Aishasadat123

@Aishasadat123

{
"facilityName": {
"name": "ODK"

    },
    "FacilityCode": "300",
    "Type": "NPM",
    "facilityType": {
        "english": "Regional",
        "dari": " ملی",
        "pashto": "سیمه ایز"
    }


},
{

"facilityName": {
"name": "POI"
},
"FacilityCode": "300",

"facilityType": {
"english": "Regional",
"dari": " ملی",
"pashto": "سیمه ایز"
}
}

Where communities thrive

People

Repo info

Activity