Question

我有一个名为tourSevice.js的角度服务：

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 dev工具中，我看到了这一点（不包括一些脚本）：

<!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)
{

});

Answer 1

正如在评论中所说，我犯了一个巨大的错误，我正在更改错误的文件，有两个非常相似的index.html文件，一个位于公共文件夹（我正在改变 - 有用）和一个位于在app / view文件夹中（这是Laravel项目）。为了进行更改，我必须更改app / view中的文件，而不是公用文件夹中的文件。

很抱歉因为我的疏忽而浪费你的时间。

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

1 个答案: