0
私は同期データがPouchDBとCouchDBのを投げることをイオンのAppを作成するには、このチュートリアルを次のようだ：http://frontmag.no/artikler/utvikling/offline-data-synchronization-ionicアンギュラ工場
をしかし、アプリは私と一緒に100％動作しませんでした。プロンプトが私のPouchdbにドキュメントを追加すると、CouchDBとの同期が行われます。
新しいTODOが表示されないという問題が私のインターフェイス上にあります。 デバッグすると、console.log("change");の中で、app.factory('PouchDBListener', ['$rootScope', function($rootScope) {が呼び出されないことがわかりました。
// Ionic Starter App
var localDB = new PouchDB("todos");
var remoteDB = new PouchDB("http://192.168.0.16:5984/todos");
// angular.module is a global place for creating, registering and retrieving Angular modules
// 'starter' is the name of this angular module example (also set in a <body> attribute in index.html)
// the 2nd parameter is an array of 'requires'
var app = angular.module('starter', ['ionic'])
.run(function($ionicPlatform) {
localDB.sync(remoteDB, {live: true, retry: true});
$ionicPlatform.ready(function() {
if(window.cordova && window.cordova.plugins.Keyboard) {
// Hide the accessory bar by default (remove this to show the accessory bar above the keyboard
// for form inputs)
cordova.plugins.Keyboard.hideKeyboardAccessoryBar(true);
// Don't remove this line unless you know what you are doing. It stops the viewport
// from snapping when text inputs are focused. Ionic handles this internally for
// a much nicer keyboard experience.
cordova.plugins.Keyboard.disableScroll(true);
}
if(window.StatusBar) {
StatusBar.styleDefault();
}
});
});
// For more information about $broadcast and factories, you can check AngularJS docs.
app.factory('PouchDBListener', ['$rootScope', function($rootScope) {
localDB.changes({
continuous: true,
onChange: function(change) {
console.log("change");
if (!change.deleted) {
$rootScope.$apply(function() {
localDB.get(change.id, function(err, doc) {
$rootScope.$apply(function() {
if (err) console.log(err);
$rootScope.$broadcast('add', doc);
})
});
})
} else {
$rootScope.$apply(function() {
$rootScope.$broadcast('delete', change.id);
});
}
}
});
return true;
}]);
app.controller("TodoController", function($scope, $ionicPopup, PouchDBListener) {
$scope.todos = [
{
"title": "Item 1",
"done": false
},
{
"title": "Item 2",
"done": false
},
{
"title": "Item 3",
"done": false
}
];
$scope.create = function() {
$ionicPopup.prompt({
title: 'Enter a new TODO',
inputType: 'text'
})
.then(function(result) {
if(result) {
//console.log("I'm here 1");
if($scope.hasOwnProperty("todos") !== true) {
//console.log("I'm here 2");
$scope.todos = [];
//console.log("I'm here 3");
}
//console.log("I'm here 4");
localDB.post({title: result, done: false}).then(function(result) {
//console.log("I'm here 5");
return localDB.get(result.id);
}).then(function(result) {
console.log(result);
});
//console.log("I'm here 6");
} else {
console.log("Action cancelled.");
}
});
}
$scope.update = function(todo) {
localDB.put({
_id: todo._id,
_rev: todo._rev,
title: todo.title,
done: todo.done
})
.then(function(result){
// You can set some action after the item was updated.
});
}
$scope.$on('add', function(event, todo) {
var add = true;
angular.forEach($scope.todos, function(value, key) {
if (value._id == todo._id) {
$scope.todos[key] = todo;
add = false;
return;
}
});
if (add) {
$scope.todos.push(todo);
}
});
$scope.$on('delete', function(event, id) {
for(var i = 0; i < $scope.todos.length; i++) {
if($scope.todos[i]._id === id) {
$scope.todos.splice(i, 1);
}
}
});
});
