如何包含Jquery插件AngularJs Multipage应用程序

时间:2016-12-05 08:27:08

标签: javascript jquery html angularjs twitter-bootstrap

我正在开发AngularJs中的多页面应用程序。我的要求是从侧边栏菜单的主列表中打开一个子列表。子列表通过转换崩溃。我已经有了一个Jquery插件。它工作得很好。但是当在Angular应用程序中使用$ routeprovider时,它不再有效。

加载jquery的函数是

$.sidebarMenu($('.sidebar-menu'));

侧边栏对所有页面都是通用的。

我的app.config如下

app.js

app.config(['$routeProvider', function ($routeProvider) {
$routeProvider.
     when('/web', {
         templateUrl: 'templates/web.html',
         controller: 'webctrl'
     }).
     when('/login', {
         templateUrl: 'templates/login.html',
         controller: 'webctrl'
     }).
     when('/register', {
         templateUrl: 'templates/register.html',
         controller: 'webctrl'
     }).
     when('/account', {
         templateUrl: 'templates/account.html',
         controller: 'accountctrl'
     }). 
     when('/subtran', {
         templateUrl: 'templates/subtran.html',
         controller: 'subtranctrl'
     }).
     otherwise({
         redirectTo: '/web'
     });
}]);

我在哪里包含上面的jquery函数

当我在主html页面中包含脚本时,它抛出了JavaScript运行时错误。

的index.html

<script>
   $.sidebarMenu($('.sidebar-menu'));
</script>

帮助我。

1 个答案:

答案 0 :(得分:0)

问题得到解决。我只是从特定文件复制js脚本而不是使用函数

调用它