Ошибка: неизвестный поставщик: $ elementProvider <- $ element

я пытаюсь использовать маршрутизацию в приложении angularjs следующим образом:

app.js

    angular.module('productapp', []).
    config(['$routeProvider', function($routeProvider) {
    $routeProvider.
        when('/productapp', {templateUrl: 'partials/productList.html',   controller: productsCtrl}).
        //~ when('/productapp/:phoneId', {templateUrl: 'partials/phone-detail.html', controller: PhoneDetailCtrl}).
        otherwise({redirectTo: '/productapp'});
}]);

controller.js

function productsCtrl($scope, $http, $element) {
        //~ $scope.url = 'php/search.php'; // The url of our search
        // The function that will be executed on button click (ng-click="search()")
        $http.get('php/products.php').success(function(data){
            alert("hi");
            $scope.products = data;
        });

    $scope.search = function() {
        var elem = angular.element($element);
        var dt = $(elem).serialize();
        dt = dt+"&action=index";
        alert(dt);
        console.log($(elem).serialize());
        $http({
            method: 'POST',
            url: 'php/products.php',
            data: dt,
            headers: {'Content-Type': 'application/x-www-form-urlencoded'}
        }).success(function(data, status) {
            //console.log(data);
            $scope.products = data; // Show result from server in our <pre></pre> element
        }).error(function(data, status) {
            $scope.data = data || "Request failed";
            $scope.status = status;
        });
    }; //....

index.html



Search form with AngualrJS
        
        
        
        


    

 

productList.html


            Search
            
            Search
            Add New Product:
            
            
            Add
            Save

            <p>enter product name...</p>
            
                Name
                Description
                Edit
                Delete

                
                {{product.name}}
                {{product.description}}
                    <a href="" ng-click="fetch(product.product_id)">edit</a>
                     <a href="" ng-click="del(product.product_id)" ng-hide="isHidden">delete</a>
                
            

когда я запускаю этот код, я получаю следующую ошибку в консоли (Google Chrome):

Error: Unknown provider: $elementProvider 

Ответы на вопрос(2)

Ваш ответ на вопрос