AngularJS -意外令牌{

Question

我正在尝试导入一个服务，以便在我的控制器中使用它，但是在控制台中它显示了以下错误：

Uncaught SyntaxError: Unexpected token {

我使用Flask-Assets来缩小javascript文件。

这是我的服务和控制器文件的内容：

app.service('metaCsrfToken', ['', function () {
    this.get_token = function(){

        var csrf_token = angular.element('meta[name=csrf_token]')

        return csrf_token[0].content

    }

}]);

import { metaCsrfToken } from '../services/owasp'

app.controller('call-center.controller', 
    ['$scope', '$http', '$window', '$log', '$compile', '$timeout', '$interval', 'toastr', '$filter', 'metaCsrfToken',

    function($scope, $http, $window, $log, $compile, $timeout, $interval, toastr, $filter, metaCsrfToken){

        // .........

        console.log(metaCsrfToken.get_token())

}]);

全错误路径：

_app_scripts.js?93a3d221:100 Uncaught SyntaxError: Unexpected token {

100 import{metaCsrfToken}from'../services/owasp'
101 app.controller('call-center.controller',['$scope','$http','$window','$log','$compile','$timeout','$interval','toastr','$filter','metaCsrfToken',function($scope,$http,$window,$log,$compile,$timeout,$interval,toastr,$filter,metaCsrfToken){$scope.numberInput
102 console.log(metaCsrfToken.get_token())}]);

Answer 1

最后，我解决了这个问题，只需创建一个服务并将其注入控制器：

app.service('csrfToken', function csrfTokenFactory() {
    this.get_token = function(){

        var csrf_token = angular.element('meta[name=csrf_token]')

        return csrf_token[0].content

    }
});

app.controller('call-center.controller', 
    ['$scope', '$http', '$window', '$log', '$compile', '$timeout', '$interval', 'toastr', '$filter', 'csrfToken',

    function($scope, $http, $window, $log, $compile, $timeout, $interval, toastr, $filter, csrfToken){

        // ......

        console.log(csrfToken.get_token())

}]);

我不知道为什么导入总是给出这个错误！