AngularJS routig和jquery mobile不'；行不通_Jquery_Angularjs_Cordova_Jquery Mobile_Phonegap Plugins

AngularJS routig和jquery mobile不'；行不通

jquery angularjs cordova jquery-mobile

AngularJS routig和jquery mobile不'；行不通,jquery,angularjs,cordova,jquery-mobile,phonegap-plugins,Jquery,Angularjs,Cordova,Jquery Mobile,Phonegap Plugins,我在应用程序中同时使用了angularjs和phonegap工具。它工作得很好，在将应用程序转换为ios或apk时，我从未遇到任何问题。但是，当我试图在我的应用程序中使用jquery mobile时，它不起作用。我读了有关这个问题的文章，贴在StackOverflow上，试图理解有经验的人给出的答案。但我找不到任何最低限度的解决方案。所以请帮助我，使用angularjs、jquery和移动jquery实现应用程序的最佳方式是什么。给我一些重要的链接，在那里我找到了最好的解决方案 index.h

我在应用程序中同时使用了angularjs和phonegap工具。它工作得很好，在将应用程序转换为ios或apk时，我从未遇到任何问题。但是，当我试图在我的应用程序中使用jquery mobile时，它不起作用。我读了有关这个问题的文章，贴在StackOverflow上，试图理解有经验的人给出的答案。但我找不到任何最低限度的解决方案。所以请帮助我，使用angularjs、jquery和移动jquery实现应用程序的最佳方式是什么。给我一些重要的链接，在那里我找到了最好的解决方案

index.html categoryMenu.html


SRG
抱怨
计划者
时刻表

当我更新index.html并尝试运行应用程序时，它不会运行

更新的index.html

<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <title>Project Structure</title>
    <link type="text/css" rel="stylesheet" href="styles/app.css">

    <script type="text/javascript" src="node_modules/jquery/dist/jquery.min.js"></script>
    <script type="text/javascript" src="node_modules/bootstrap/dist/js/bootstrap.min.js"></script>
    <script type="text/javascript" src="node_modules/angular/angular.min.js"></script>
    <script type="text/javascript" src="node_modules/ngStorage/ngStorage.min.js"></script>
    <script type="text/javascript" src="node_modules/moment/moment.js"></script>
    <script type="text/javascript" src="node_modules/angular-animate/angular-animate.js"></script>
    <script type="text/javascript" src="node_modules/angular-route/angular-route.min.js"></script>
    <script type="text/javascript" src="node_modules/underscore/underscore-min.js"></script>
    <script type="text/javascript" src="scripts/app.js"></script>
    <script type="text/javascript" src="scripts/controllers/mainCtrl.js"></script>
    <script type="text/javascript" src="scripts/controllers/trackVehicleCtrl.js"></script>
    <script type="text/javascript" src="scripts/controllers/complaintCtrl.js"></script>
    <script type="text/javascript" src="scripts/controllers/commentCtrl.js"></script>
    <script type="text/javascript" src="scripts/controllers/plannerCtrl.js"></script>
    <script type="text/javascript" src="scripts/factory/complaintService.js"></script>
    <script type="text/javascript" src="scripts/factory/commentService.js"></script>
    <script type="text/javascript" src="scripts/factory/loginService.js"></script>
    <script type="text/javascript" src="scripts/factory/shareData.js"></script>

</head>

<body>

    <div id="view">
        <div ng-view></div>
    </div>

    <script type="text/javascript">
        angular.element(document).ready(function () {
            angular.bootstrap(document, ['sanskritiSchool']);
        });
    </script>

</body>

</html>

angular.module("sanskritiSchool", ["ngRoute", "ngStorage"])

    .config(["$routeProvider", function ($routeProvider) {

        $routeProvider
            .when("/login", {
                templateUrl: "views/login.html",
                controller: "mainCtrl"
            })
            .when("/categoryMenu", {
                templateUrl: "views/categoryMenu.html",
                controller: "mainCtrl"
                }
            })                
            .when("/trackVehicle", {
                templateUrl: "views/trackVehicle.html",
                controller: "trackVehicleCtrl"
            })
            .otherwise({
                redirectTo: "/categoryMenu"
            });
    }
])

<div class="row">
    <div class="cmplLogoHeader">
        <div class="col-xs-3 col-lg-offset-4 col-lg-1" style="text-align:center">
            <h2 class="cmplLogo"><a ng-href="#/categoryMenu" class="btnHome"><span class="fa fa-university"></span></a></h2>
        </div>
        <div class="col-xs-6 col-lg-2" style="text-align:center">
            <h2 class="cmplLogo">SRGS</h2>
        </div>
        <div class="col-xs-3 col-lg-2" style="text-align:center">
            <a href="#" class="logout" ng-click="logout()"><span class="fa fa-sign-out"></span></a>
        </div>
    </div>
</div>
<div class="mainCategory row" style="margin-top:80px;">
    <div class="1 col-lg-offset-4 col-lg-4 col-sm-offset-2 col-sm-8 col-md-offset-4 col-md-4 col-xs-12 removePadding">
        <button type="button" class="btn btnCategory" ng-click="getComplaints()"> 
            <span ng-show="!showComplaints"><i class="fa fa-pencil-square-o spinning"></i></span>
            <span ng-show="showComplaints"><i class="fa fa-pencil-square-o"></i></span>
            Complaints
        </button>
    </div>
    <div class="2 col-lg-offset-4 col-lg-4 col-sm-offset-2 col-sm-8 col-md-offset-4 col-md-4 col-xs-12 removePadding">
        <button type="button" class="btn btnCategory" ng-click="getPlanner()"> 
            <span ng-show="!planner"><i class="fa fa-calendar spinning"></i></span>
            <span ng-show="planner"><i class="fa fa-calendar"></i></span>
            Planner
        </button>
    </div>
    <div class="3 col-lg-offset-4 col-lg-4 col-sm-offset-2 col-sm-8 col-md-offset-4 col-md-4 col-xs-12 removePadding">
        <a class="btn btnCategory" ng-href="#/trackVehicle"> 
            <span ng-show="!aa"><i class="fa fa-history spinning"></i></span>
            <span ng-show="aa"><i class="fa fa-history"></i></span>
            Track Vehicle
        </a>
    </div>
    <div class="4 col-lg-offset-4 col-lg-4 col-sm-offset-2 col-sm-8 col-md-offset-4 col-md-4 col-xs-12 removePadding">
        <button type="button" class="btn btnCategory" ng-click="getTimetable()"> 
            <span ng-show="!timetable"><i class="fa fa-arrows spinning"></i></span>
            <span ng-show="timetable"><i class="fa fa-arrows"></i></span>
            Timetable
        </button>
    </div>

<link type="text/css" rel="stylesheet" href="styles/app.css">
<link type="text/css" rel="stylesheet" href="node_modules/jquery/dist/jquery.mobile.css">

<script type="text/javascript" src="node_modules/jquery/dist/jquery.min.js"></script>
<script type="text/javascript" src="node_modules/jquery/dist/jquery.mobile.min.js"></script>
<script type="text/javascript" src="node_modules/bootstrap/dist/js/bootstrap.min.js"></script>
<script type="text/javascript" src="node_modules/angular/angular.min.js"></script>