pouchdb не определяется в приложении angularjs

Question

pouchdb не определяется в приложении angularjs

0

Я использую PouchDB в своем приложении AngularJS.

Ниже приведены шаги, которые я выполняю для реализации/доступа к PouchDB в моем приложении AngularJS.

Установите угловую подушку через Bower:
```
bower install --save angular-pouchdb
```
Добавьте pouchdb в качестве зависимости от модуля в app.js:
```
var application = angular.module("application", ["ui.router", "pouchdb"]);
```

Внесите службу pouchdb в мое приложение:

application.factory("pouchDataAccessFactory", function (pouchdb) {
    var factory = {};
    var database = undefined;
    factory.createDatabase = function ()
    {
        database = pouchdb.create("memorydb")
            .then(function () { })
            .catch(function () { })
            .finally(function () { });
    }

    factory.destroyDatabase = function () {
        pouchdb.destroy("memorydb");
    }

    factory.insert = function (product) {
        database.put(product)
            .then(function (response) {
                // Do something with the response 
            })
            .catch(function (error) {
                // Do something with the error
            })
            .finally(function () {
                // Do something when everything is done
            });
    }

    return factory;
});

Звонок с HomeController

application.controller("HomeController", function ($scope, pouchDataAccessFactory) {

    function initialize()
    {
        pouchDataAccessFactory.createDatabase();
    }
    debugger;
    initialize();
});

Добавьте angular-pouchdb.js и добавьте ссылку в index.html

<html>

<head>

    <script src="Scripts/angular.min.js"></script>
    <script src="Scripts/angular-ui-router.min.js"></script>
    <!--<script src="Scripts/pouchdb-3.6.0.js"></script>-->
    <script src="Scripts/angular-pouchdb.js"></script>

    <script src="App/app.js"></script>

    <script src="App/Controllers/HomeController.js"></script>

    <script src="App/Factory/PouchDBAccessFactory.js"></script>

    <link href="StyleSheets/AppStyle.css" rel="stylesheet" />

</head>

<body>

    <div ng-app="application" ng-strict-di>
        <nav role="navigation">
            <ul>
                <li><a ui-sref="home">Home</a></li>
                <li><a ui-sref="about">About</a></li>
            </ul>
        </nav>

        <div ui-view>
        </div>

    </div>

</body>

</html>

Это дает следующую ошибку:

ReferenceError: pouchdb не определен в Object.factory.createDatabase

Я следую следующей ссылке: https://github.com/wspringer/angular-pouchdb

Nikhil 27 июнь 2015, в 12:50

Источник

Теги:

angularjs

pouchdb

1 ответ

Ещё вопросы

Romf7890 · Answer 1 · 2015-06-27T09-14-00.000Z

0

Из документа вы должны уважать дело: pouchDB и не pouchdb

angular.factory('factory', function(pouchDB) {
  var db = pouchDB('name');
});

Как сказано в комментарии, проверьте, если вы установите правильный скрипт в свой html-код

Romf7890 27 июнь 2015, в 09:14

0

@pankajparkar он установил официальный угловой чехол от беседки, а не вилку от wspringer на github, поэтому документ находится по адресу github.com/angular-pouchdb/angular-pouchdb . это правильный документ
Romf7890 27 июнь 2015, в 12:39
0

это означает, что вы говорите $window.pouchDB часть кода, но почему $window.pouchDB
Pankaj Parkar 27 июнь 2015, в 12:41
1

Пожалуйста, продолжайте читать следующую часть «Написание $ scope. $ Apply каждый раз является трудоемким, и мы даже не упомянули, что обработка исключений или $ digest уже находятся в процессе выполнения ошибок. Angular-pouchdb обрабатывает $ scope. $ Apply для вас, заключив обещания PouchDB с помощью $ q. Затем вы можете использовать его обещания так же, как и в любом обещании Angular, включая метод .finally (не в спецификации A +). " Перейдите в раздел Использование и проверьте использование сервиса
Romf7890 27 июнь 2015, в 12:43

Показать ещё 1 комментарий