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

bilusau

@bilusau

can any one please help, without form tag input field on change function if empty or null then button button should disabled hot to set the function.. Please help me

Miloš Lapiš

@mlc-mlapis

@bilusau Use https://stackblitz.com to create a simple case and explanation of what you want to do.

bilusau

@bilusau

@mlc-mlapis https://stackblitz.com/edit/angular-ivy-dasgxg
I want when data insert button enabled,, when data remove button disabled... there is no form use

artart37

@artart37

Hi everyone, does anyone know how to get the mat-error and mat-hit animations? I have made a custom the mat-error and mat-hint like elements and would like to animate them exactly as in material. Thank you.

artart37

@artart37

Hi everyone, does anyone know how to get the mat-error and mat-hit animations? I have made a custom the mat-error and mat-hint like elements and would like to animate them exactly as in material. Thank you.

Just in case if someone needs it:export const materrorhintanime = trigger("materrorhint",[
transition(':enter',[
style({
opacity:0,
transform: "translateY(-7px)"
}),
animate("200ms ease-out", style({
opacity:1,
transform: "translateY(0)"
}),)
]),
])

import { animate, style, transition, trigger } from "@angular/animations";

export const materrorhintanime = trigger("materrorhint",[
    transition(':enter',[
        style({
            opacity:0,
            transform: "translateY(-7px)"
        }),
        animate("200ms ease-out", style({
            opacity:1,
            transform: "translateY(0)"
        }),)
    ]),
])

Miloš Lapiš

@mlc-mlapis

@bilusau, I don't know why you started here, and it looks that you know nothing about Angular. It would be best when you start reading with official docs on https://angular.io and get some basic info first.

I want when data insert button enabled,, when data remove button disabled... there is no form use

ironchef-bklyn

@ironchef-bklyn

I want to use the @ViewChildren decorator for some elements in my template. However, those elements get created after some network request observables complete. When will I be able to access them? I did a test and in ngAfterViewInit() I don't have access yet. I put in some console logs in ngOnDestroy() and I do have access to them. How do I access @ViewChildren that get created after the data returns and when those elements are actually created?

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

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

Where communities thrive

People

Repo info

Activity