交易模板$routeProvider后的侧边栏不起作用

Sidebar not work after trade template $routeProvider

本文关键字:侧边栏 不起作用 routeProvider 交易      更新时间:2023-09-26

在$routeProvider上交易模板后侧边栏不起作用!点击交易模板后,没有打开菜单。

没有错误,只返回一个带有控制器名称的警告。

HTML

<!-- Sidebars -->
<div ng-include="'menu.html'"
     ui-track-as-search-param='false'
     class="sidebar sidebar-left"></div>
<div class="sidebar sidebar-right"><!-- ... --></div>
<div class="app" ng-swipe-right='Ui.turnOn("uiSidebarLeft")' ng-swipe-left='Ui.turnOff("uiSidebarLeft")'>
    <div class="navbar navbar-app navbar-absolute-top">
        <div class="btn-group pull-left">
            <div ui-toggle="uiSidebarLeft" class="btn ">
                <i class="fa fa-bars"></i> Menu
            </div>
        </div>
       <!-- <div class="navbar-brand navbar-brand-center" yield-to="title">
            <span>Login</span>
        </div>-->
        <!-- Top Navbar -->
    </div>
    <div class="navbar navbar-app navbar-absolute-bottom"><!-- Bottom Navbar --></div>
    <!-- App body -->
    <div class='app-body'>
        <ng-view class="app-content"></ng-view>
    </div>
</div><!-- ~ .app -->
<!-- Modals and Overlays -->
<div ui-yield-to="modals"></div>
<script src="lib/scripts/angular.min.js"></script>
<script src="lib/scripts/angular-route.min.js"></script>
<script src="lib/scripts/angular-touch.min.js"></script>
<script src="lib/scripts/angular-resource.min.js"></script>
<script src="lib/scripts/mobile-angular-ui.min.js"></script>
<script src="lib/scripts/jquery-2.1.4.min.js"></script>
<script src="cordova.js"></script>
<script src="scripts/platformOverrides.js"></script>
<script src="scripts/index.js"></script>
<script type="text/javascript">
    var app = angular.module('appindex', [ "ngRoute", "ngTouch", "mobileangular-ui", "mobile-angular-ui.core",

" mobile-angular-ui.components "

]);
    app.config(function ($routeProvider, $locationProvider) {
        $routeProvider.when('/unid', {
            templateUrl: "unid.html",
            controller: "unidController"
           // controller: "unidController"
        });
    });
    app.controller("indexController", function ($scope, $rootScope) {

    });
    app.controller('unidController', function ($scope) {
        console.log("unidController")
        $scope.message = 'This is Show orders screen';
    });

</script> </body> </html>
其他HTML

<h2>Add New Order</h2>
{{ message }}

解决方案:需要放置"reloadOnSearch: false"。这样做对吗(最佳实践)??

感谢

routeProvider美元。当(/unid, {templateUrl:"unid.html",控制器:"unidController",reloadOnSearch:假});