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

rryofs0p  于 5个月前  发布在  Angular
关注(0)|答案(1)|浏览(70)

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

var service = angular.module('tourtService', []);

service.factory('Tournament', function($http)
{
    return {
       doLogin: function(token)
       {
           return $http.get('/api/tournament/user/' + token);
       }
    };
});

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

<!DOCTYPE html>
<html>
<link rel="stylesheet" href="bower_components/bootstrap/dist/css/bootstrap.css">
<script src="../bower_components/jquery/dist/jquery.min.js"></script>
<script src="../bower_components/angular/angular.min.js"></script>
<script src="../bower_components/angular-route/angular-route.min.js"></script>
<script src="../bower_components/bootstrap/dist/js/bootstrap.min.js"></script>

<script src="../js/services/loginService.js"></script>
<script src="../js/services/tourService.js"></script> <!-- not included -->

<script src="../js/controllers/loginController.js"></script>
<script src="../js/controllers/homeController.js"></script> <!-- not included -->
<script src="../js/controllers/AppController.js"></script>

<head>
    <title>Application</title>
</head>
<body ng-app="myApp" ng-controller="appCtrl">
<div class="container">
    <div ng-view></div>
</div>
</body>
</html>


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

<!DOCTYPE html>
<html>
<link rel="stylesheet" href="bower_components/bootstrap/dist/css/bootstrap.css">
<script src="bower_components/jquery/dist/jquery.min.js"></script>
<script src="bower_components/angular/angular.min.js"></script>
<script src="bower_components/angular-route/angular-route.min.js"></script>
<script src="bower_components/bootstrap/dist/js/bootstrap.min.js"></script>

<script src="js/controllers/loginController.js"></script>
<script src="js/services/loginService.js"></script>
<script src="js/controllers/AppController.js"></script>
<head>
    <title>Application</title>
</head>
<body ng-app="myApp" ng-controller="appCtrl">
<div class="container">
    <div ng-view></div>
</div>
</body>
</html>


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

更新

以下是我的主要应用js:

var myApp = angular.module('myApp', ['ngRoute', 'loginService', 'tourService']);

myApp.config(function($routeProvider, $locationProvider)
{
    $locationProvider.html5Mode(true);
    $routeProvider
        .when('/', {templateUrl: 'pages/loginView.html'})
        .when('/home', {templateUrl: '/pages/home.html'})
        .otherwise({templateUrl: '/pages/loginView.html'});
        //.when('/login', {templateUrl: 'pages/loginView.html'});
});

betsApp.controller('appCtrl', function($scope)
{

});

mf98qq94

mf98qq941#

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

相关问题