Mdbootstrap not working inside ng-view

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.

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>