i have created html using ng-repeat directive. html part consist of ul tag below:
<ul class="nav navbar-nav navbar-right"> <li> <a href=""><i class=" open-btn glyphicon glyphicon-globe"></i></a> </li> <li> <a id="addclass"><i class=" open-btn glyphicon glyphicon-comment" aria-hidden="true"></i></a> <span class="m-alert">2</span> </li> <li class="dropdown"><a href="#" class="dropdown-toggle" data-toggle="dropdown">roy<b class="caret"></b></a> <ul class="dropdown-menu"> <li class="logout-bg"><button data-toggle="modal" data-target="#fz-modal" class="btn">portion size</button><i class="mp_red glyphicon glyphicon-bell"></i></li> <li><a href="messages.html">messages</a></li> <li><a href="contacts.html">contacts</a></li> <li><a href="calendar.html">my calendar</a></li> <li><a href="user-profile.html">account setting</a></li> <!--li class="logout-bg"><a href="/auth/logout"></i> logout</a></li--><li class="logout-bg"><a href="login.html">logout</a></li> </ul> </li> <li><img class="marg-r-2 hidden-xs img-responsive" src="assets/img/mp-user.jpg" alt="user name"> </li> </ul> where li repeat per records. height of li increase or decrease masonry required. ng-repeat loads data dynamically masonry not working. have searched on internet find out ways reload masonry , there many answers nothing did work on code. tried implementing solution mentioned in so question no success, can suggest prominent solution reload masonry such scenario.
thanks
Comments
Post a Comment