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

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": "سیمه ایز"
}
}

like in the i json objects i want to check if there is no type it iadd type

Miloš Lapiš

@mlc-mlapis

like in the i json objects i want to check if there is no type it iadd type

Can you re-formulate the sentence for better understanding?

Aishasadat123

@Aishasadat123

@mlc-mlapis how i can format it ?

Miloš Lapiš

@mlc-mlapis

Aishasadat123

@Aishasadat123

var code = "formatted"; {
"facilityName": {
"name": "ODK"
},
"FacilityCode": "300",
"Type": "NPM",
"facilityType": {
"english": "Regional",
"dari": " ملی",
"pashto": "سیمه ایز"
}
},
{
"facilityName": {
"name": "POI"
},
"FacilityCode": "300",
"facilityType": {
"english": "Regional",
"dari": " ملی",
"pashto": "سیمه ایز"
}
}

Miloš Lapiš

@mlc-mlapis

Aishasadat123

@Aishasadat123

@mlc-mlapis it does not work for me

Miloš Lapiš

@mlc-mlapis

Do you have a problem with entering 3 back-ticks on separate lines?

It works, you can be sure.

Aishasadat123

@Aishasadat123

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

in this json object i want if there is no type property it sould add

Miloš Lapiš

@mlc-mlapis

@Aishasadat123 Done finally. :thumbsup:

Aishasadat123

@Aishasadat123

@mlc-mlapis yes

Miloš Lapiš

@mlc-mlapis

@Aishasadat123 Do you mean that you want to find out somehow if there is a property called add in any nested level?

Aishasadat123

@Aishasadat123

@mlc-mlapis yes i want to check each object if there is not type it add the type property

Aishasadat123

@Aishasadat123

in above code the first object has type property but the secound does not

Miloš Lapiš

@mlc-mlapis

@Aishasadat123 So it's just JS thing, not Angular specific. A method of how to do it depends on the number of different combinations where add property can be placed. If it is a concrete place use a standard addressing path and either get the property or you get undefined. Otherwise use probably RegExp for searching.

Aishasadat123

@Aishasadat123

@mlc-mlapis ok

Miloš Lapiš

@mlc-mlapis

@Aishasadat123 Or go through the array in a cycle (for (...)) and simple check if the current element has Type property.

Aishasadat123

@Aishasadat123

'use strict';

const fs = require('fs');

fs.readFile('facility.json', (err, data) => {
    if (err) throw err;
    let facility = JSON.parse(data);
    console.log(facility);
});

let data = JSON.stringify(facility);
fs.writeFileSync('facility-2.json', data);

Where communities thrive

People

Repo info

Activity