AngularJS - Unexpected token {

Question

I am trying to import a service to use it inside my controller, but inside console it is showing this error:

Uncaught SyntaxError: Unexpected token {

I am using Flask-Assets to minify javascript files.

This is my service and controller files contents:

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

}]);

Full error path:

_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

So finally i resolved the problem, just by creating a service and inject it into controller:

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

}]);

I don't know why import always gives that error!!!