Angularjs mobile angular ui侧边栏在异步模式下不工作_Angularjs_Asynchronous_Mobile Angular Ui

Angularjs mobile angular ui侧边栏在异步模式下不工作

angularjs asynchronous

Angularjs mobile angular ui侧边栏在异步模式下不工作,angularjs,asynchronous,mobile-angular-ui,Angularjs,Asynchronous,Mobile Angular Ui,我正在尝试使用angular-Seed（）index-async.html中的mobile angular ui（）侧栏菜单。我按照说明，npm安装和npm运行更新索引异步来设置索引和索引异步页面。侧栏正在处理索引，但不是索引异步对于index.html，侧栏菜单运行良好 <!DOCTYPE html> <!--[if lt IE 7]> <html lang="en" ng-app="myApp" class="no-js lt-ie9 lt-ie8 lt-i

我正在尝试使用angular-Seed（）index-async.html中的mobile angular ui（）侧栏菜单。我按照说明，npm安装和npm运行更新索引异步来设置索引和索引异步页面。侧栏正在处理索引，但不是索引异步

对于index.html，侧栏菜单运行良好

<!DOCTYPE html>
<!--[if lt IE 7]>
<html lang="en" ng-app="myApp" class="no-js lt-ie9 lt-ie8 lt-ie7"> <![endif]-->
<!--[if IE 7]>
<html lang="en" ng-app="myApp" class="no-js lt-ie9 lt-ie8"> <![endif]-->
<!--[if IE 8]>
<html lang="en" ng-app="myApp" class="no-js lt-ie9"> <![endif]-->
<!--[if gt IE 8]><!-->
<html lang="en" ng-app="myApp" class="no-js"> <!--<![endif]-->
<head>
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <title>My AngularJS App</title>
    <meta name="description" content="">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <link rel="stylesheet" href="bower_components/html5-boilerplate/dist/css/normalize.css">
    <link rel="stylesheet" href="bower_components/html5-boilerplate/dist/css/main.css">
    <link rel="stylesheet" href="bower_components/mobile-angular-ui/dist/css/mobile-angular-ui-hover.css">
    <link rel="stylesheet" href="bower_components/mobile-angular-ui/dist/css/mobile-angular-ui-base.css">
    <link rel="stylesheet" href="app.css">
    <script src="bower_components/html5-boilerplate/dist/js/vendor/modernizr-2.8.3.min.js"></script>
</head>
<body ng-cloak ui-prevent-touchmove-defaults>
<!-- Sidebars -->
<div ng-include="'Shared/menu.html'" id="leftMenu" class="sidebar sidebar-left black-bg"></div>

<div class="app">
    <div class="navbar navbar-app navbar-absolute-top">
        <div class="btn-group pull-left">
            <a href ui-toggle="leftMenu" class="btn" id="btn-menu">
                <i class="fa fa-bars"></i> Menu
            </a>
        </div>
        <div class="navbar-brand navbar-brand-center" ui-yield-to="title">
            APP
            <small>v<span app-version></span></small>
        </div>
    </div>

    <!-- App body -->
    <div class="app-body scrollable">
        <div class="app-content scrollable-content">
            <ng-view></ng-view>
        </div>
    </div>
</div><!-- ~ .app -->

<!-- Modals and Overlays -->
<div ui-yield-to="modals"></div>

<script src="bower_components/angular/angular.js"></script>
<script src="bower_components/angular-route/angular-route.js"></script>
<script src="bower_components/mobile-angular-ui/dist/js/mobile-angular-ui.js"></script>
<script src="app.js"></script>
<script src="view1/view1.js"></script>
<script src="view2/view2.js"></script>
<script src="components/version/version.js"></script>
<script src="components/version/version-directive.js"></script>
<script src="components/version/interpolate-filter.js"></script>
</body>
</html>


我的AngularJS应用程序
应用程序
v

但是侧栏菜单不适用于index-async.html。我尝试了npm运行异步更新索引和npm安装脚本JS。它们都不起作用

这是我的索引异步代码

<!doctype html>
<html lang="en">
<head>
    <meta charset="utf-8">
    <link rel="stylesheet" href="bower_components/html5-boilerplate/dist/css/normalize.css">
    <style>
        [ng-cloak] {
            display: none;
        }
    </style>
    <link rel="stylesheet" href="bower_components/html5-boilerplate/dist/css/main.css">
    <link rel="stylesheet" href="bower_components/mobile-angular-ui/dist/css/mobile-angular-ui-hover.css">
    <link rel="stylesheet" href="bower_components/mobile-angular-ui/dist/css/mobile-angular-ui-base.css">
    <link rel="stylesheet" href="app.css">
    <script src="bower_components/html5-boilerplate/dist/js/vendor/modernizr-2.8.3.min.js"></script>
    <script src="bower_components/angular-loader/angular-loader.js"></script>
    <script src="bower_components/scriptjs/dist/script.js"></script>
    <script>
        // load all of the dependencies asynchronously.
        $script('bower_components/angular/angular.js', function () {
            $script([
                'bower_components/angular-route/angular-route.js',
                'bower_components/mobile-angular-ui/dist/js/mobile-angular-ui.js',
                'app.js',
                'view1/view1.js',
                'view2/view2.js',
                'components/version/version.js',
                'components/version/version-directive.js',
                'components/version/interpolate-filter.js'
            ], function () {
                // when all is done, execute bootstrap angular application
                angular.bootstrap(document, ['myApp']);
            });
        })
    </script>
    <title>My AngularJS App</title>
    <link rel="stylesheet" href="app.css">
</head>
<body ng-cloak ui-prevent-touchmove-defaults>
<!-- Sidebars -->
<div ng-include="'Shared/menu.html'" id="leftMenu" class="sidebar sidebar-left black-bg"></div>

<div class="app">
    <div class="navbar navbar-app navbar-absolute-top">
        <div class="btn-group pull-left">
            <a href ui-toggle="leftMenu" class="btn" id="btn-menu">
                <i class="fa fa-bars"></i> Menu
            </a>
        </div>
        <div class="navbar-brand navbar-brand-center" ui-yield-to="title">
            APP
            <small>v<span app-version></span></small>
        </div>
    </div>

    <!-- App body -->
    <div class="app-body scrollable">
        <div class="app-content scrollable-content">
            <ng-view></ng-view>
        </div>
    </div>
</div><!-- ~ .app -->

<!-- Modals and Overlays -->
<div ui-yield-to="modals"></div>

</body>
</html>


[ng斗篷]{
显示：无；
}
//异步加载所有依赖项。
$script（'bower\u components/angular/angular.js'，function（）{
$script([
'bower_components/angular route/angular route.js'，
'bower_components/mobile angular ui/dist/js/mobile angular ui.js'，
“app.js”，
“view1/view1.js”，
“view2/view2.js”，
'components/version/version.js'，
'components/version/version directive.js'，
'components/version/interpolate filter.js'
]，函数（）{
//完成所有操作后，执行引导应用程序
引导（文档，['myApp']）；
});
})
我的AngularJS应用程序
应用程序
v