angularjs

Q: How to place dropdown menu in angularjs?

If we want a dropdown menu which shows option without affecting any other things on the page then we can use dropdown menu.

Ex:

<li class=”dropdown dropdown-large”>

        <div class=”newspaper btn-group show-on-hover”>

          <button type=”button” class=”btn btn-warning dropdown-toggle” data-toggle=”dropdown”>Categories</button>&nbsp;&nbsp;         

          <ul class=”dropdown-menu” style=”height:400px;width:800px”>

            <ul class=”col-md-12 row”>         

                <li class=”col-md-3″ ng-repeat=”activecategories in activecategoriesData”><a ui-sref=”ChooseCategory({id:activecategories.ID})” ng-mouseover=”HoverInCat(activecategories.ID)” ng-mouseout=”HoverOutCat(activecategories.ID)” id=”CatName_{{activecategories.ID}}” style=”cursor:pointer”><b>{{activecategories.Name}}</b></a><br></li>

            </ul>

      </ul>         

   </div>

</li>

Leave a comment

Your email address will not be published. Required fields are marked *