0

AngularJS で PouchDB を使用する方法を理解しようとしています。私はこれらの指示に従おうとしていますhttps://github.com/wspringer/angular-pouchdb

ファクトリやサービスを作成するための構文を理解するのに問題があると思います。「データベースとの対話」のセクションまで取得します

app.js

'use strict';

angular
  .module('myappApp', [
    'ngCookies',
    'ngResource',
    'ngSanitize',
    'ngRoute',
    'pouchdb'
  ])
  .config(function ($routeProvider) {
    $routeProvider
      .when('/', {
        templateUrl: 'views/main.html',
        controller: 'MainCtrl'
      })
      .otherwise({
        redirectTo: '/'
      });
  })
angular.factory('someservice', function(pouchdb) {
  // Do something with pouchdb.
  var db = pouchdb.create('testdb');
  pouchdb.destroy('testdb');
  db.put({_id: 'foo', name: 'bar'});
});

「db.put」を追加すると、ブラウザのコンソールに表示されるメッセージは次のとおりです。

 [15:17:45.343] TypeError: angular.factory is not a function @ http://127.0.0.1:9000/scripts/app.js:21
4

2 に答える 2

0

さらに、このコード例を適応させて、DB が動作していることをテストすることができました http://plnkr.co/edit/M2K7no75zonXKcXKF9Sc?p=preview

app.js 'use strict';

angular
  .module('myappApp', [
    'ngCookies',
    'ngResource',
    'ngSanitize',
    'ngRoute',
    'pouchdb'
  ])
  .config(function ($routeProvider) {
    $routeProvider
      .when('/', {
        templateUrl: 'views/main.html',
        controller: 'MainCtrl'
      })
      .otherwise({
        redirectTo: '/'
      });
  })
  .factory('MyModel', function(pouchdb) {
    return new pouchdb.create('mydb');
  })
  .run(function (){
    var db = new PouchDB('mydb');

    db.info().then(function(info) {
      if (info.doc_count < 2) {
        db.post({display: 'Hello'});
        db.post({display: 'World'});
      }
    });
  });

main.js

'use strict';

angular.module('myappApp')
  .controller('MainCtrl', function ($scope, MyModel) {
    $scope.awesomeThings = [
      'HTML5 Boilerplate',
      'AngularJS',
      'Karma'
    ];
    MyModel.info().then(function(info) {
      $scope.numOfDocs = info.doc_count;
    });

    $scope.options = {
      db: MyModel,
      name: 'Visitor'
    };

    $scope.db = MyModel;
  });

main.html

  <p>Hello {{options.name}}! There are {{numOfDocs}} docs in your Pouch</p>

  <p>Root scope:</p>
  <ul>
    <li pouch-repeat="item in db" ng-bind="item.display"></li>
  </ul>

  <p>Child scope:</p>
  <ul>
    <li pouch-repeat="item in options.db" ng-bind="item.display"></li>
  </ul>
于 2014-05-29T20:50:39.420 に答える