Проработав свой путь через Angular tutorials на своем веб-сайте, я застрял при попытке создать список, который использует Firebase для хранения данных. Как ни странно, все работает на Угловом сайте, но когда я нажимаю ссылку "Изменить меня", ничего не появляется в JSFiddle.
Я новичок в Firebase, но они не являются ошибками в консоли.
Моя база данных Firebase:
angular.module('project', ['ngRoute', 'firebase'])
.value('fbURL', 'https://angular-project-list.firebaseio.com/')
.service('fbRef', function(fbURL) {
return new Firebase(fbURL)
})
.service('fbAuth', function($q, $firebase, $firebaseAuth, fbRef) {
var auth;
return function () {
if (auth) return $q.when(auth);
var authObj = $firebaseAuth(fbRef);
if (authObj.$getAuth()) {
return $q.when(auth = authObj.$getAuth());
}
var deferred = $q.defer();
authObj.$authAnonymously().then(function(authData) {
auth = authData;
deferred.resolve(authData);
});
return deferred.promise;
}
})
.service('Projects', function($q, $firebase, fbRef, fbAuth) {
var self = this;
this.fetch = function () {
if (this.projects) return $q.when(this.projects);
return fbAuth().then(function(auth) {
var deferred = $q.defer();
var ref = fbRef.child('projects-fresh/' + auth.auth.uid);
var $projects = $firebase(ref);
ref.on('value', function(snapshot) {
if (snapshot.val() === null) {
$projects.$set(window.projectsArray);
}
self.projects = $projects.$asArray();
deferred.resolve(self.projects);
});
//Remove projects list when no longer needed.
ref.onDisconnect().remove();
return deferred.promise;
});
};
})
.config(function($routeProvider) {
var resolveProjects = {
projects: function (Projects) {
return Projects.fetch();
}
};
$routeProvider
.when('/', {
controller:'ProjectListController as projectList',
templateUrl:'list.html',
resolve: resolveProjects
})
.when('/edit/:projectId', {
controller:'EditProjectController as editProject',
templateUrl:'detail.html',
resolve: resolveProjects
})
.when('/new', {
controller:'NewProjectController as editProject',
templateUrl:'detail.html',
resolve: resolveProjects
})
.otherwise({
redirectTo:'/'
});
})
.controller('ProjectListController', function(projects) {
var projectList = this;
projectList.projects = projects;
})
.controller('NewProjectController', function($location, projects) {
var editProject = this;
editProject.save = function() {
projects.$add(editProject.project).then(function(data) {
$location.path('/');
});
};
})
.controller('EditProjectController',
function($location, $routeParams, projects) {
var editProject = this;
var projectId = $routeParams.projectId,
projectIndex;
editProject.projects = projects;
projectIndex = editProject.projects.$indexFor(projectId);
editProject.project = editProject.projects[projectIndex];
editProject.destroy = function() {
editProject.projects.$remove(editProject.project).then(function(data) {
$location.path('/');
});
};
editProject.save = function() {
editProject.projects.$save(editProject.project).then(function(data) {
$location.path('/');
});
};
});
Вам не хватает некоторых данных из учебника. Добавьте это в начало своего скрипта:
window.projectsArray = [
{
"name": "AngularJS",
"site": "http://angularjs.org",
"description": "HTML enhanced for web apps!"
},
{
"name": "jQuery",
"site": "http://jquery.com/",
"description": "Write less, do more."
},
{
"name": "Backbone",
"site": "http://documentcloud.github.com/backbone/",
"description": "Models for your apps."
},
{
"name": "SproutCore",
"site": "http://sproutcore.com/",
"description": "Innovative web-apps."
},
{
"name": "Sammy",
"site": "http://sammyjs.org/",
"description": "Small with class."
},
{
"name": "Spine",
"site": "http://spinejs.com/",
"description": "Awesome MVC Apps."
},
{
"name": "Cappucino",
"site": "http://cappuccino.org/",
"description": "Objective-J."
},
{
"name": "Knockout",
"site": "http://knockoutjs.com/",
"description": "MVVM pattern."
},
{
"name": "GWT",
"site": "https://developers.google.com/web-toolkit/",
"description": "JS in Java."
},
{
"name": "Ember",
"site": "http://emberjs.com/",
"description": "Ambitious web apps."
},
{
"name": "Batman",
"site": "http://batmanjs.org/",
"description": "Quick and beautiful."
}
]
'projects-fresh/' + auth.auth.uid
. Если его нет, тогда код помещает туда данные из массива @James Talmage. Вам было бы лучше написать проект с нуля, чем использовать этот недокументированный код.