Responsive menu (Mobile device) with angular js + bootstrap not working as expected

Question

Currently working on angular js and bootstrap here I am not using any jquery plugin for the responsive mobile design when i click the icon from the right side of my page. The menu was not showing expanding.

Here is the code i am using for Toggle navigation ng-init="navCollapsed = true" ng-click="navCollapsed = !navCollapsed"

I searched in SO and got this link I tried the same but still not working

Here is the Plunker link Kindly please guide me where I am doing wrong.

beaver · Accepted Answer · 2016-01-12 13:30:41Z

1

In your Plunker there are some problems in the code:

you defined the module as 'reak_app' while in the HTML ng-app refers to (a non existing) module named 'plunker'.
you defined a controller 'MainCtrl' but in the HTML ther is <body ng-controller="menu">.

Here is an updated (and working) Plunker

answered Jan 12, 2016 at 13:30

beaver

17.8k2 gold badges43 silver badges70 bronze badges

Sign up to request clarification or add additional context in comments.

2 Comments

Mr.M Over a year ago

Hi @beaver could you please explain me what is ng-init="navCollapsed = true" ng-click="navCollapsed = !navCollapsed" i just copy paste this line but i am not getting this

beaver Over a year ago

The scope property navCollapsed is used as boolean toggle for the collapse directive of Angular-ui-bootstrap (see angular-ui.github.io/bootstrap/#/collapse)

Collectives™ on Stack Overflow

Responsive menu (Mobile device) with angular js + bootstrap not working as expected

1 Answer 1

2 Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

2 Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related