angular-material-accordion | A simple accordionfor Angular Material

by ajsb85 CSS Version: v1.0.5 License: MIT

X-Ray Key Features Code Snippets(1)Community Discussions(1)Vulnerabilities Install Support

kandi X-RAY | angular-material-accordion Summary

angular-material-accordion is a CSS library typically used in Architecture, Angular applications. angular-material-accordion has no bugs, it has no vulnerabilities, it has a Permissive License and it has low support. You can download it from GitHub.

This is a package to create navigation menus using Angular Material. This follows all the design guidelines provided by Google Material spec.

Support

Quality

Security

License

Reuse

Support

angular-material-accordion has a low active ecosystem.

It has 13 star(s) with 9 fork(s). There are no watchers for this library.

It had no major release in the last 12 months.

There are 1 open issues and 1 have been closed. On average issues are closed in 5 days. There are 2 open pull requests and 0 closed requests.

It has a neutral sentiment in the developer community.

The latest version of angular-material-accordion is v1.0.5

Quality

angular-material-accordion has no bugs reported.

Security

angular-material-accordion has no vulnerabilities reported, and its dependent libraries have no vulnerabilities reported.

License

angular-material-accordion is licensed under the MIT License. This license is Permissive.

Permissive licenses have the least restrictions, and you can use them in most projects.

Reuse

angular-material-accordion releases are available to install and integrate.

Installation instructions, examples and code snippets are available.

Top functions reviewed by kandi - BETA

kandi's functional review helps you automatically verify the functionalities of the libraries and avoid rework.
Currently covering the most popular Java, JavaScript and Python libraries. See a Sample of angular-material-accordion

Get all kandi verified functions for this library.

angular-material-accordion Key Features

No Key Features are available at this moment for angular-material-accordion.

angular-material-accordion Examples and Code Snippets

Angular Material Accordion,Usage

CSS

Lines of Code : 22

License : Permissive (MIT)

Copy


  
    Caption

    
      Submenu 1
      Submenu 2
      Submenu 3
    
  
  
  
    

    Caption

    Menu 4

Community Discussions

Trending Discussions on angular-material-accordion

Incorrect component is loaded in mat-accordion with 'nested' router

QUESTION

Incorrect component is loaded in mat-accordion with 'nested' router

Asked 2019-Jul-03 at 16:00

I am using mat-accordion with router-outlet and observing a strange behaviour. Below is a sample implementation of my use case.
https://stackblitz.com/edit/angular-material-accordion-with-router

In this example, panel 3 component and panel 4 component are having router-outlet. Now in first time navigation it works as expected. But if I collapse those panels and again try to open them I find that content of panel 4 gets reflected in panel 3.

I am not sure if its a bug in angular-router or am I doing something wrong here.

...

ANSWER

Answered 2019-Jul-03 at 16:00

You've mixed up routes and outlets with non-routes and components. Routes are used to display specified components in outlets, and your template uses those same components. You should only be doing one or the other - either place the component in the template directly or use a route to display it in an outlet.

Your template places all four 'panel' components on the page, and two of them (3 and 4) define outlets. Therefore you have two outlets on your page. Since they are not named, they are both trying to be the default or 'primary' outlet for your router, so any routing that is not directed at a named outlet (which is all of your routing) goes to one of those (or maybe both - I don't know how Angular handles this).

You are also using routes for components that aren't routes (panels 1 and 2). For example, if you open your panel 1, and then open the DOM inspector, you will see another panel 1 component in the outlet for either panel 3 or 4.

The fix is to remove the components that are not actual routes from the routing - 'panel1' and 'panel2', and to name the two outlets and target those outlets using the router and link configurations.

Stackblitz

Source https://stackoverflow.com/questions/56855612

Community Discussions, Code Snippets contain sources that include Stack Exchange Network

Vulnerabilities

No vulnerabilities reported

Install angular-material-accordion

This package can be installed using bower:.
bower install angular-material-accordion

Support

For any new features, suggestions and bugs create an issue on GitHub. If you have any questions check and ask questions on community page Stack Overflow .

Find more information at: