Abrufen und anzeigen von Daten aus der Datenbank in AngularJs

Wie kann ich pop die Liste meiner Kunden auf dem Bildschirm, ist die Liste aus meiner Datenbank, ich habe 11 Zeilen von Kunden, und ich möchte eine listview, diese und zeigen Sie Ihnen, das ist mein code:

dbFactory.method = function findAll() {
    db.transaction(
        function(tx) {
            var sql = "SELECT (nome) as nomes FROM clientes";
            log(sql);
            tx.executeSql(sql, [],
                function(tx, results) {
                    var len = results.rows.length,
                        clientes = [],
                        i = 0;
                    for (; i < len; i = i + 1) {
                        clientes[i] = results.rows.item(i).nomes;
                    }
                    log(clientes + '  found');


                }
            );
        },txErrorHandler,
        function () {

        }
    );

};

Controller:

 .controller('ListaCtrl', function ($scope, dbFactory) {


         $scope.items = dbFactory.method();
         console.log(dbFactory.method());


    });

clientes.html:

<ion-view view-title="Playlists" ng-app="starter">
  <ion-content>
    <ion-list>
  <ion-item ng-repeat="itens in items" >

      <p>{{itens.nome}}</p>

  </ion-item>
    </ion-list>
  </ion-content>
</ion-view>

Log:

 Promise {$$state: Object, then: function, catch: function, finally: function}
$$state: Object
status: 1
value: SQLResultSet
insertId: [Exception: DOMException: Failed to read the 'insertId' property from 'SQLResultSet': The query didn't result in any rows being added.]
rows: SQLResultSetRowList
length: 11
__proto__: SQLResultSetRowList
rowsAffected: 0

InformationsquelleAutor Stack two | 2015-02-25

  1. 2

    Habe ich es geschafft, zu lösen, die Verwendung der zurückgestellten und Versprechen, hier ist was ich getan habe:

    var getMessages = function findAll() {
            db.transaction(
                function(tx) {
                    var sql = "SELECT (nome) as nomes FROM clientes";
                    tx.executeSql(sql, [],
                        function(tx, results) {
                            var len = results.rows.length,
                                clientes = [],
                                i = 0;
                            for (; i < len; i = i + 1) {
                                clientes[i] = results.rows.item(i).nomes;
                            }
                            log(clientes + ' rowsss found');
                            deferred.resolve(clientes);

                        }
                    );
                },txErrorHandler,
                function () { }
            );
            return deferred.promise;

        };

        return {
            showClientes: getMessages
        };

    Controller:

    .controller('ListaCtrl', function ($scope, dbFactory) {

        dbFactory.showClientes().then(function(listview) {
            $scope.clientes = listview;
            console.log($scope.clientes);
        });

    });

    Und html:

    <ion-view view-title="Playlists" ng-app="starter">
  <ion-content>
    <ion-list>
      <ion-item ng-repeat="cliente in clientes">

          {{cliente}}

      </ion-item>
    </ion-list>

  </ion-content>
</ion-view>

    Nun sehe ich meine listview mit allen meinen Kunden.

    InformationsquelleAutor Stack two

  2. 1
     .controller('ListaCtrl', function ($scope, dbFactory) {


        dbFactory.method().$promise.then(
                 function(res){
                       $scope.items = res; //or res.data
                 },
                 function(){
                      //error call back
                 }
         );

    });
    die Verwendung von ng-repeat in html
    Danke für Eure Hilfe, ich habe es in etwa so: <ion-item ng-repeat="itens in items " > <p>{{itens}}</p> </ion-item> aber ich habe nichts zu zeigen
    hinzufügen ng-controller="ListaCtrl" in html..
    Mein controller ist in der route
    Ich verstehe ur-problem...das ist wieder ein Versprechen..U haben, zu beheben, Versprechen inside controller...

    InformationsquelleAutor Ravi Babu Karikati

Schreibe einen Kommentar