mobile-angular-ui icon indicating copy to clipboard operation
mobile-angular-ui copied to clipboard

Published 20 hours ago • verified publisher icon mcasimir

Button, and <a> tag don't work when placed in navbar of mobile-angular-ui plugin

Open anatoly314 opened this issue 8 years ago • 0 comments

Hi, duplicate my question from here: http://stackoverflow.com/questions/33245657/button-and-a-tag-dont-work-when-placed-in-navbar-of-mobile-angular-ui-plugin

In the following code:

<body ng-app="myApp">
  <div class="app">
    <div class="navbar navbar-app navbar-absolute-top">
      <div class="navbar navbar-app navbar-absolute-top">
        <div class="navbar-brand navbar-brand-center">
          Navbar Brand
        </div>

        <div class="btn-group pull-left">
          <div class="btn btn-navbar">
            <a href="#">Home</a>
          </div>
        </div>

        <div class="btn-group pull-right">
          <div class="btn btn-navbar">
            <a ng-click="goHome();">Home</a>
          </div>
        </div>
      </div>
    </div>

    <!-- App body -->

    <div class='app-body'>
      <div class='app-content'>
        <ui-view></ui-view>
      </div>
    </div>
  </div><!-- ~ .app -->

</body>

This link <a href="#">Home</a>, and this button <a ng-click="goHome();">Home</a> don't work. When I place any of them inside navbar's title:

 <div class="navbar-brand navbar-brand-center">
          ...
 </div>

Everything ok, when I place any of them outside of this blog:

<div class="btn-group pull-left">
      ...
 </div>

At the root level of navbar, everything is ok.

What may I doing wrong?

anatoly314 avatar Oct 20 '15 19:10 anatoly314