Ошибка: неизвестный поставщик: $ 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