Not work with Angular

[minhson95th]

i've import module in app.module.ts in main.ts and in html file: but nothing show, this is my screen apps when run

[farfromrefug]

import the install method and run it in your main.

[minhson95th]

i have import the install method and run it in main.ts look like this

in main.ts

[farfromrefug]

@minhson95th sorry misread. you need to set the steps properties. it is an array of numbers telling these steps in height the bottom sheet can be at. look at the vue demo app

[minhson95th]

@minhson95th sorry misread. you need to set the steps properties. it is an array of numbers telling these steps in height the bottom sheet can be at. look at the vue demo app

i've run vue demo app and it's work but when apply in Angular, my app still not change anythings ( my screen:

[farfromrefug]

don't know much about angular. but are you sure steps prop is seen as an array and not a string ?

[minhson95th]

don't know much about angular. but are you sure steps prop is seen as an array and not a string ?

i'm sure it's array, and if i change tag html<BottomSheet> to <PersistentBottomSheet> like as picture my screen changed, but i can not gesture bottomsheet like vue demo app. I think bottom sheet have problem when run in Angular

[farfromrefug]

I think it needs a custom angular module. you can look at the drawer plugin from community. I think it should work about the same

[minhson95th]

I think it needs a custom angular module. you can look at the drawer plugin from community. I think it should work about the same

i'm newbie in Angular, i don't know how to fix for it work. Can you help me check it? My project need use it

[farfromrefug]

@minhson95th i am no angular dev. I can do it but not in the weeks to come. I am.totally under

[minhson95th]

@minhson95th i am no angular dev. I can do it but not in the weeks to come. I am.totally under

thanks, hope it work soon

[Bezlepkin]

@minhson95th i am no angular dev. I can do it but not in the weeks to come. I am.totally under

thanks, hope it work soon

Hi! Did you resolve this issue?

[Bezlepkin]

I solved it. You have to add "leftDrawer" directive to child element.

I looked at the code, this plugin is a legacy ui-drawer. Apparently the code was not completely cleaned up :)

[farfromrefug]

@Bezlepkin it is a bug. It means the code was taken from my ui-drawer component. The angular part shoudl be fixed

[minhson95th]

Has anyone fixed this yet in Angular?

[fpaaske]

@minhson95th I know it's been a while, but this is working fine in my Angular app;

<BottomSheet
  [steps]="bottomSheetSteps"
  [stepIndex]="bottomSheetStepIndex"
  (stepIndexChange)="onStepIndexChanged($event)"
  [gestureEnabled]="gestureEnabled"
>
  <GridLayout
    rows="*"
    height="100%"
    width="100%"
  >
    <PullToRefresh row="0" (refresh)="refresh($event, true)">
      <ListView>
...
      </ListView>
    </PullToRefresh>
  </GridLayout>
  <GridLayout
    bottomSheet
    width="100%"
    rows="auto"
  >
...
  </GridLayout>
</BottomSheet>