                   <div style="display: inline-block">
                       <span ng-repeat="filterKey in dataObj.selectedFilters">
                           <global-filter lang="lang" attr="filterKey"
-                                         attr-value="dataObj.filterValues[filterKey].value", 
+                                         attr-value="dataObj.filterValues[filterKey].value",
                                          attr-label="getFilterLabel(filterKey)",
                                          possible-values="dataObj.filterValues[filterKey].possibleValues"
                                          translation-key="getTranslationKey(filterKey)"
                                          closeable="isOptionalFilter(filterKey)"/>
-                          <span ng-if="getAvailableFilters().length !== 0 || !$last">och</span>
+                          <span ng-if="getAvailableFilters().length !== 0 || !$last">{{"and" | loc:lang}}</span>
                        </span>
 
                        <span uib-dropdown auto-close="outsideClick" ng-if="getAvailableFilters().length !== 0">


        scope.getAvailableFilters = () ->
            return _.filter scope.dataObj.optionalFilters, (filter) -> filter not in scope.dataObj.selectedFilters
            
        scope.isOptionalFilter = (filterKey) ->
            return scope.dataObj.optionalFilters.indexOf(filterKey) > -1 and (scope.dataObj.defaultFilters.indexOf(filterKey) is -1)
        
        scope.addNewFilter = (value) ->
            globalFilterService.addNewFilter value, true


    link: (scope, element, attribute) ->

        globalFilterService.registerScope(scope)

        scope.dataObj =
            showDirective: false

