Click here to Skip to main content
14,932,691 members
Please Sign up or sign in to vote.
0.00/5 (No votes)
See more:
Hello i am using mdbootstrap (https://mdbootstrap.com/mdb-quick-start/) with angular 1. Now the problem is that when i put my code inside ng-view md bootstrap's component look changes i.e they don't load/look properly. And when i put my code without ng-view it works fine. Now i have to use ng-view because i need to divide the code so how do i overcome this problem. 

the button looks very bad and without ripple effect.


What I have tried:

The example is:

<div class="container">
<div class="fixed-action-btn" style="bottom: 45px; right: 24px;">
        <a class="btn-floating btn-lg red">
            class="fa fa-pencil">
        </a>
    </div>
</div>

this shows a button and it looks fine with a ripple effect as well but when put it inside ng-view:

    <div ng-view class="container">
<div class="fixed-action-btn" style="bottom: 45px; right: 24px;">
        <a class="btn-floating btn-lg red">
            ^__i class="fa fa-pencil">
        </a>
    </div>
</div>
Posted

This content, along with any associated source code and files, is licensed under The Code Project Open License (CPOL)

  Print Answers RSS
Top Experts
Last 24hrsThis month



CodeProject, 20 Bay Street, 11th Floor Toronto, Ontario, Canada M5J 2N8 +1 (416) 849-8900