@KOPC1886

Почему выдается ошибка при подключении angucomplete?

Всем привет!

Подключил такую библиотеку как angucomplete.js
Но выдается ошибка.

Unknown provider: $sceProvider <- $sce <- angucompleteDirective

Не могу понять в чем проблема(

Вот код

<script type='text/javascript' src='libs/angular.min.js'></script>
<script type='text/javascript' src='js/app.js'></script>
<script type='text/javascript' src='js/controllers.js'></script>
<script type='text/javascript' src='js/sortable.js'></script>
<script type='text/javascript' src='libs/jtruncate.js'></script>
<script type='text/javascript' src='libs/angucomplete.js'></script>
 <div class="block_search" id="blockSearch" ng-controller="Search">
        <angucomplete id="searchCatalog" placeholder="Поиск по каталогу сервисов" pause="100" url="/services-catalog/api/index.php?action=catalogSearch" minlength="3" inputclass="search_input"/>
        <a href="javascript:void(0);" id="searchMagnifier" class="magnifier"></a>
        <!--<input type="search" class="search_input" id="searchCatalog" placeholder="Поиск по каталогу сервисов">-->
        <a href="javascript:void(0);" ng-click="clear()" id="searchClear" class="search_clear"></a>
        <span class="search_example">Например, <i>такси, визитки...</i></span>
        <div class="clear"></div>
    </div>


var servicesCatalog = angular.module('servicesCatalog', [
    'catalogControllers',
    'ui.sortable',
    'angucomplete'
]);

servicesCatalog.run(function($rootScope, $http, $location, $route) {
    $rootScope.ajax = false;
    $rootScope.load_catalog = true;

    var original = $location.path;
    $location.path = function (path, reload) {
        if (reload === false) {
            var lastRoute = $route.current;
            var un = $rootScope.$on('$locationChangeSuccess', function () {
                $route.current = lastRoute;
                un();
            });
        }
        return original.apply($location, [path]);
    };
});

catalogControllers.controller('Search', ['$scope', '$routeParams', '$http',
    function($scope, $routeParams, $http, loader) {

    }]);
  • Вопрос задан
  • 2482 просмотра
Пригласить эксперта
Ответы на вопрос 2
Fesor
@Fesor
Full-stack developer (Symfony, Angular)
Подключите файл angucomplete.js перед app.js и в head секции если не хотите разруливать зависомости вручную или прибегать к помощи какого require.js
Ответ написан
Если Вы используете эту библиотеку - https://github.com/darylrowland/angucomplete: то Вам нужно использовать версию ангуляра >=1.2.0. Это прописано в зависимостях в файле bower.json.
Похожий вопрос на stackoverflow:

$sce is included by default starting with angular 1.2

Т.е. $sce включен по-умолчанию в ангуляр 1.2
Ответ написан
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Войти через центр авторизации
Похожие вопросы