angularjs 在html源代码中看不到脚本标记

rryofs0p  于 2024-01-05  发布在  Angular
关注(0)|答案(1)|浏览(253)

我有一个名为tourSevice.js的有Angular 的服务:

  1. var service = angular.module('tourtService', []);
  2. service.factory('Tournament', function($http)
  3. {
  4. return {
  5. doLogin: function(token)
  6. {
  7. return $http.get('/api/tournament/user/' + token);
  8. }
  9. };
  10. });

字符串
这是我的主应用程序页面,其中包含所有内容:

  1. <!DOCTYPE html>
  2. <html>
  3. <link rel="stylesheet" href="bower_components/bootstrap/dist/css/bootstrap.css">
  4. <script src="../bower_components/jquery/dist/jquery.min.js"></script>
  5. <script src="../bower_components/angular/angular.min.js"></script>
  6. <script src="../bower_components/angular-route/angular-route.min.js"></script>
  7. <script src="../bower_components/bootstrap/dist/js/bootstrap.min.js"></script>
  8. <script src="../js/services/loginService.js"></script>
  9. <script src="../js/services/tourService.js"></script> <!-- not included -->
  10. <script src="../js/controllers/loginController.js"></script>
  11. <script src="../js/controllers/homeController.js"></script> <!-- not included -->
  12. <script src="../js/controllers/AppController.js"></script>
  13. <head>
  14. <title>Application</title>
  15. </head>
  16. <body ng-app="myApp" ng-controller="appCtrl">
  17. <div class="container">
  18. <div ng-view></div>
  19. </div>
  20. </body>
  21. </html>


但在我的Chrome开发工具的页面源代码中,我看到了这一点(一些脚本不包括在内):

  1. <!DOCTYPE html>
  2. <html>
  3. <link rel="stylesheet" href="bower_components/bootstrap/dist/css/bootstrap.css">
  4. <script src="bower_components/jquery/dist/jquery.min.js"></script>
  5. <script src="bower_components/angular/angular.min.js"></script>
  6. <script src="bower_components/angular-route/angular-route.min.js"></script>
  7. <script src="bower_components/bootstrap/dist/js/bootstrap.min.js"></script>
  8. <script src="js/controllers/loginController.js"></script>
  9. <script src="js/services/loginService.js"></script>
  10. <script src="js/controllers/AppController.js"></script>
  11. <head>
  12. <title>Application</title>
  13. </head>
  14. <body ng-app="myApp" ng-controller="appCtrl">
  15. <div class="container">
  16. <div ng-view></div>
  17. </div>
  18. </body>
  19. </html>


没有关于提供的路径中缺少此文件的错误。Angular抛出异常,因为缺少此js文件。
这有什么不好?

更新

以下是我的主要应用js:

  1. var myApp = angular.module('myApp', ['ngRoute', 'loginService', 'tourService']);
  2. myApp.config(function($routeProvider, $locationProvider)
  3. {
  4. $locationProvider.html5Mode(true);
  5. $routeProvider
  6. .when('/', {templateUrl: 'pages/loginView.html'})
  7. .when('/home', {templateUrl: '/pages/home.html'})
  8. .otherwise({templateUrl: '/pages/loginView.html'});
  9. //.when('/login', {templateUrl: 'pages/loginView.html'});
  10. });
  11. betsApp.controller('appCtrl', function($scope)
  12. {
  13. });

mf98qq94

mf98qq941#

正如在评论中所说,我犯了一个巨大的错误。我修改了错误的文件,有两个非常相似的index.html文件,一个位于公共文件夹(我正在修改的文件),另一个位于app/view文件夹(这是Laravel项目)。为了进行更改,我不得不在app/view中更改文件,而不是在公共文件夹中更改文件。
“对不起,因为我的疏忽而浪费了你的时间。

相关问题