我还在学习更多关于angularjs的知识。我一直在按照此视频 angular-translate tutorial 的说明进行操作,但当我想测试代码时,我会收到Chrome中的错误:意外的令牌<
angular-translate.min.js:5 Uncaught SyntaxError:意外的标记<
angular-sanitize.min.js:5 Uncaught SyntaxError:意外的令牌<
还有这个错误:
jquery-3.1.0.min.js:2未捕获错误:[$ injector:modulerr] http://errors.angularjs.org/1.5.8/ $注射器/ modulerr P0 = testdemo&安培; P1 =错误...主机%3A8080%2FTestDemo%2Fangular.min.js%3A20%3A390)
Chrome指向我的html(第5行= doctype)上找到的第一个标记为错误
<!DOCTYPE html>
基本上我有应用程序模块的app.js
var app = angular.module('TestDemo', ['ui.router', 'ui.bootstrap', 'pascalprecht.translate', 'ngSanitize']);
我有另外一个js作为translations.js
app.config(function($translateProvider){
$translateProvider.fallbackLanguage('en');
$translateProvider.registerAvailableLanguageKeys(['en', 'es'], {
'en_*': 'en',
'es_*': 'es'
});
$translateProvider.translations('en', {
"WELCOME": "Welcome"
});
$translateProvider.translations('es', {
"WELCOME": "Bienvenido"
});
$translateProvider.useSanitizeValueStrategy('escape');
$translateProvider.preferredLanguage('en');
});
这是我的页面index.html
<body ng-controller="TestController">
<h1>{{ 'WELCOME' | translate }}</h1>
<script src="../jquery-3.1.0.min.js"></script>
<script src="../angular.min.js"></script>
<script src="../angular-ui-router.min.js"></script>
<script src="../angular-translate.min.js"></script>
<script src="../angular-sanitize.min.js"></script>
<script src="../bootstrap.min.js"></script>
<script src="../ui-bootstrap-tpls-2.1.3.min.js"></script>
<script src="../app.js"></script>
<script src="../routing.js"></script>
<script src="../translations.js"></script>
<script src="../services.js"></script>
<script src="../controllers.js"></script>
</body>
我的控制器
app.controller('TestController', function($scope, $translate, TestService) {
$translate.use('en');
});
那么为什么我会收到意外的令牌错误?
提前致谢。
更新
抱歉,我错误地下载了angular-translate和angular-sanitize文件。所以我再次下载这些文件并运作良好。