On clicking link view not loading css and js angularjs

Question

I have created a simple angularjs app with component and view When I include directly component in index.html everything works fine but as my app requires multiple view, I am shifting to view but my view when loaded does not get affected by css and js

This question may seem to be duplicate of this but I tried this solution but did not work

Index.html img link

App.js

'use strict';

angular.module('myApp', [
'ngRoute',
'myApp.view1',
'myApp.view2',
'sidebar',
'topnavbar',
])

view1.module

'use strict';

angular.module('myApp.view1',
['ngRoute',
'knob',
'slider',
'select2',
'rangeslider',
'pickers',
'inputswitcher',
'cropper',
'btscheckbox']);

View1.template

<div class="wrapper wrapper-content animated fadeInRight">
<div class="row">
    <knob></knob>
    <slider></slider>
    </div>
    <div class="row">
        <select2></select2>
    </div>
    <!--<div class="row">

        <rangeslider></rangeslider>
    </div>-->
    <div class="row">
        <pickers></pickers>
        <inputswitcher></inputswitcher>
    </div>
    <div class="row">
        <cropper></cropper>
    </div>
    <div class="row">

        <btscheckbox></btscheckbox>
    </div>

A part of page when component include directly to index: link here

When component loaded from view : link here