javascript - Error: [$injector:unpr] Unknown provider: Learning AngularJS Could use a pointer or two -



javascript - Error: [$injector:unpr] Unknown provider: Learning AngularJS Could use a pointer or two -

i leaning angular first application photo sharing tool. added code upload function , broke it. thought defining albumprovider in controller, apperently have failed so. error error: [$injector:unpr] unknown provider. stuck , hand on need fix.

albumservice.js

(function () { function albumprovider($http,$fileuploader) { this.getuploader = function (album_name, scope) { homecoming $fileuploader.create({ scope: scope, method: "put", url: "/v1/albums/" + album_name + "/photos.json" }); }; this.getalbums = function (callback) { $http.get("/v1/albums.json") .success(function (data, status, headers, conf) { callback(null, data); }) .error(function (data, status, headers, conf) { callback(data); }); }; this.getphotosforalbum = function (name, callback) { $http.get("/v1/albums/" + name + "/photos.json") .success(function (data, status, headers, conf) { callback(null, data); }) .error(function (data, status, headers, conf) { callback(data); }); }; this.addalbum = function (album_data, callback) { if (!album_data.name) homecoming callback({ code: "missing_name" }); if (!album_data.title) homecoming callback({ code: "missing_title" }); if (!album_data.description) homecoming callback({ code: "missing_description" }); if (!album_data.date) homecoming callback({ code: "missing_date" }); if (!is_valid_date(album_data.date)) homecoming callback({ code: "bad_date" }); $http.put("/v1/albums.json", album_data) .success(function (data, status, headers, conf) { callback(null, data); }) .error(function (data, status, headers, conf) { callback(data); }); }; } photoapp.service("albumprovider", albumprovider); function is_valid_date(the_date) { if (the_date.match(/^[0-9]{2,4}[\-\/\. ,][0-9]{1,2}[\-\/\. ,][0-9]{1,2}$/)) { var d = new date(the_date); homecoming !isnan(d.gettime()); } else { homecoming false; } } })();

albumuploadcontroller.js

(function () { function albumuploadcontroller($scope, $routeparams, albumprovider) {//dependency inject albumprovider $scope.album_name = $routeparams.album_name; $scope.page_load_error = ''; $scope.description = {}; albumprovider.getphotosforalbum($scope.album_name, function (err, photos) { if (err) { if (err.error == "not_found") $scope.page_load_error = "no such album. calling right?"; else $scope.page_load_error = "unexpected error loading page: " + err.code + " " + err.message; } else { $scope.photos = photos; $scope.uploader = albumprovider.getuploader($scope.album_name, $scope); $scope.uploader.bind("completeall", function (event, items) { $scope.done_uploading = true; }); } }); $scope.uploader.bind('beforeupload', function (event, item) { var fn = _fix_filename(item.file.name); var d = item.file.lastmodifieddate; var dstr = d.getfullyear() + "/" + d.getmonth() + "/" + d.getdate(); item.formdata = [{ filename: fn, date: dstr, description: $scope.descriptions[item.file.name] }]; }); } photoapp.controller("albumuploadcontroller", albumuploadcontroller); function _fix_filename(fn) { if (!fn || fn.length == 0) homecoming "unknown"; var r = new regexp("^[a-za-z0-9\\-_,]+$"); var out = ""; (var = 0; < fn.length; i++) { if (r.exec(fn[i]) != null) out += fn[i]; } if (!out) out = "unknown_" + (new date()).gettime(); } })();

app.js

var photoapp = angular.module('photosharingapp', ['ngroute']); photoapp.config(function ($routeprovider) { $routeprovider .when("/albums", { controller: "albumlistcontroller", templateurl: "/app/partial/albumpartial.html" }) .when("/album/:album_name", { controller: "albumviewcontroller", templateurl: "/app/partial/albumviewpartial.html" }) .when("/album/:album_name/upload", { controller: "albumuploadcontroller", templateurl: "/app/partial/albumuploadpartial.html" }) .when("/album/photos/:album_name/:photo_filename", { controller: "photoviewcontroller", templateurl: "/app/partial/photoviewpartial.html" }) .when("/", { redirectto: "/albums" }) .when("/404_page", { controller: "controller404", templateurl: "/app/partial/404partial.html" }) .otherwise({ redirectto: "/404_page" }); });

you need set file uploader in app configuration like:

var photoapp = angular.module('photosharingapp', ['ngroute','angularfileupload']);

then far know may alter fileuploader definition for:

return new fileuploader({ scope: scope, method: "put", url: "/v1/albums/" + album_name + "/photos.json" });

i'm not sure passing scope service, can seek out, don't forget update dependency $fileuploader fileuploader

javascript angularjs

Comments

Popular posts from this blog

xslt - DocBook 5 to PDF transform failing with error: "fo:flow" is missing child elements. Required content model: marker* -

mediawiki - How do I insert tables inside infoboxes on Wikia pages? -

Local Service User Logged into Windows -