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())

}]);

Я не знаю, почему import всегда дает такую ​​ошибку !!!