jquery bxslider is not working with templates

jquery bxslider is not working with templates

I'm using jquery bxslider on my first angular project. It is not working with template inside ng view. If use this one without ng view means it is working.

This is my HTML page:

<!doctype html> <html ng-app="appSathya"> <head> <meta charset="utf-8"> <title>Modest</title> <link href='http://fonts.googleapis.com/css?family=Open+Sans:400italic,600italic,700italic,400,600,700' rel='stylesheet' type='text/css'> <link rel="stylesheet" href="css/bootstrap.css"> <link rel="stylesheet" href="css/style.css"> <link rel="stylesheet" href="css/jquery.bxslider.css"> </head> <body> <header ng-include='"template/header.html"'></header> <section ng-view></section> <script src="js/angular.js"></script> <script src="js/angular-route.min.js"></script> <script src="js/jquery-1.9.1.js"></script> <script src="js/jquery.bxslider.js"></script> <script src="js/main.js"></script> </body> </html>