Wijmo Treeview in Angular

Posted by: maricar.m.clariza on 4 January 2022, 10:14 pm EST

  • Posted 4 January 2022, 10:14 pm EST

    Hi guys,
    I hope you can help me asap.

    im trying to folow this https://stackblitz.com/edit/angular-1labre?file=src%2Fapp%2Fapp.module.ts <- code tutorial on creating a wijmo treeview.. however.. I keep on getting these errors
    Error: src/app/shared/navigation/navigation.component.html:13:7 - error NG8001: 'wj-tree-view' is not a known element:
    1. If 'wj-tree-view' is an Angular component, then verify that it is part of this module.
    2. If 'wj-tree-view' is a Web Component then add 'CUSTOM_ELEMENTS_SCHEMA' to the '@NgModule.schemas' of this component to suppress this message.

    13 <wj-tree-view class="custom-tree" [expandOnClick]="false" [itemsSource]="source" [allowDragging]="true" [isReadOnly]="false" #tree [displayMemberPath]="'header'" [childItemsPath]="'items'">
    ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~

    src/app/shared/navigation/navigation.component.ts:11:16
    11 templateUrl: './navigation.component.html',
    ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
    Error occurs in the template of component NavigationComponent.
    src/app/shared/navigation/navigation.component.html:13:41 - error NG8002: Can't bind to 'expandOnClick' since it isn't a known property of 'wj-tree-view'.
    1. If 'wj-tree-view' is an Angular component and it has 'expandOnClick' input, then verify that it is part of this module.
    2. If 'wj-tree-view' is a Web Component then add 'CUSTOM_ELEMENTS_SCHEMA' to the '@NgModule.schemas' of this component to suppress this message.
    3. To allow any property add 'NO_ERRORS_SCHEMA' to the '@NgModule.schemas' of this component.

    please help me >.<
  • Replied 4 January 2022, 11:28 pm EST

    this is more on rendering issue .. hope to get an assistance from you guys soon
  • Replied 5 January 2022, 12:17 am EST

    am not sure how to implement this section
  • Replied 5 January 2022, 12:17 am EST

  • Replied 5 January 2022, 10:45 pm EST

    Hello,

    As per the shared error messages, it seems you have not imported the module WjNavModule in your project. As on the shared stackblitz sample, the WjNavModule module gets imported inside the project (refer to the app.module.ts file). Please import the Nav module properly to use the treeView in your project. If you still face any issues then please share the sample replicating the issue.

    Also, the shared image of the wijmo Doc is for the AngularJS i.e. before Angular 2. If you are using AngularJS then let us know the wijmo and angular versions used in your project.

    Regards
  • Replied 5 January 2022, 11:05 pm EST

    hi sonu.pandey,
    I no longer get the error messages. however, the tree view still not showing

  • Replied 5 January 2022, 11:06 pm EST

  • Replied 6 January 2022, 6:37 pm EST

    Hello,

    We apologize but we are unable to replicate the issue at our end. Would you please clarify if you are facing the issue with the below-shared sample too? If yes, please share some screenshots/gif of the issue or error. If you are facing this issue only in your application but not in the shared sample then it is possible that the issue is arising due to some code specific to your application. Since we are unable to replicate the issue, I would request you to share a sample that demonstrates the issue so that we could further investigate the root cause of the issue and assist you accordingly. Without a sample to replicate the issue, we cannot comment on the actual nature of the issue.

    Sample link: https://stackblitz.com/edit/angular-r8c33e?file=src%2Fapp%2Fapp.component.ts

    Regards
Need extra support?

Upgrade your support plan and get personal unlimited phone support with our customer engagement team

Learn More

Forum Channels