angularjs ng-Tabelle nicht anzeigen von Daten bei der Rückkehr in die Auflistung
Ich bin mit AngularJS 1.2.10 stabil mit einem Rails-Projekt und ich bin versucht zu bekommen, ng-Tabelle arbeiten mit meinen Daten und nichts zeigt sich.
Ich habe den ng-Tabelle-Dateien und enthalten es in meinem Winkel-Modul. Ich bin immer Daten wenn ich die Seite aktualisieren, aber wenn ich navigieren Weg von dieser Ansicht, dann wieder zurück in die single-page-app ist es nicht die Daten zu laden. ie: Aktualisieren Sie den browser auf die Liste und alle Daten sind da, ich gehe zu Ansicht für ein einzelnes Element, und ich bin ergriffen werden, um eine neue Seite (via angularJS routing) dann komme ich zu der Auflistung (via angularJS routing wieder), und die Daten sind leer/es gibt keine Auflistung.
Hier ist meine Tabelle
<table ng-table="tableParams" class="table">
<tr ng-repeat="debtor in debtors">
<td data-title="'Code'" sortable="'code'">{{debtor.code}}</td>
<td data-title="'Name'" sortable="'name'">{{debtor.name}}</td>
<td>
<a href="/api#/clients/{{debtor.id}}">Show</a>
<a href="/api#/clients/{{debtor.id}}/edit">Edit</a>
<a href="" ng-confirm-click="destroy(debtor.id)">Delete</a>
</td>
</tr>
</table>
Hier ist meine controller, wo ich meine Daten.
app.controller "DebtorsController", ['$window', '$scope', '$http', '$location', '$state', '$stateParams', '$modal', '$timeout', 'flash', 'Common', 'Debtor', 'Client', 'ngTableParams', '$filter', ($window, $scope, $http, $location, $state, $stateParams, $modal, $timeout, flash, Common, Debtor, Client, ngTableParams, $filter) ->
# --------------------------------------------------------------------------------
# Initialise
# --------------------------------------------------------------------------------
$scope.debtors = {}
# --------------------------------------------------------------------------------
# Index
# --------------------------------------------------------------------------------
if $state.current.name == "debtors"
Debtor.query {},
(data) ->
# Define ng-table params
$scope.tableParams = new ngTableParams({
page: 1,
total: data.length,
count: 10
})
# --------------------------------------------------------------------------------
# Index
# --------------------------------------------------------------------------------
if $state.current.name == "debtors"
$data = []
Debtor.query {}, (response) -> $data = response
console.log "debtors index"
$scope.tableParams = new ngTableParams({
page: 1,
count: 10,
sorting: { name: 'asc'}
}, {
total: $data.length,
getData: ($defer, params) ->
console.log "run deferred"
orderedData = (if params.sorting then $filter('orderBy')($data, params.orderBy()) else $data)
$defer.resolve(orderedData.slice((params.page() - 1) * params.count(), params.page() * params.count()))
})
Können, sehe ich in Chrome die Konsole, dass es die Berufung
XHR finished loading: "http://localhost:3000/assets/layouts/default.html.erb". angular-min.js?body=1:1825
XHR finished loading: "http://localhost:3000/assets/debtors/index.html.erb". angular-min.js?body=1:1825
debtors index
ngTable: set settings
Object {$scope: null, $loading: false, data: null, total: 0, counts: Array[4]…}
angular-min.js?body=1:2147
ngTable: set parameters
Object {page: 1, count: 10, filter: Object, sorting: Object, group: Object…}
angular-min.js?body=1:2147
XHR finished loading: "http://localhost:3000/debtors". angular-min.js?body=1:1825
XHR finished loading: "http://localhost:3000/assets/debtors/_listing.html.erb". angular-min.js?body=1:1825
ngTable: reload data angular-min.js?body=1:2147
ngTable: current scope
$get.h.$new.a {$id: "006", this: $get.h.$new.a, $$listeners: Object, $$listenerCount: Object, $parent: $get.h.$new.a…}
angular-min.js?body=1:2147
run deferred
ngTable: reload data angular-min.js?body=1:2147
ngTable: current scope
$get.h.$new.a {$id: "006", this: $get.h.$new.a, $$listeners: Object, $$listenerCount: Object, $parent: $get.h.$new.a…}
angular-min.js?body=1:2147
(I clicked on 'show' for one of the items)
XHR finished loading: "http://localhost:3000/assets/clients/show.html.erb". angular-min.js?body=1:1825
XHR finished loading: "http://localhost:3000/clients/2". angular-min.js?body=1:1825
XHR finished loading: "http://localhost:3000/locations.json". angular-min.js?body=1:1825
(I clicked on 'listing' which takes me back to the debtors listing)
debtors index
ngTable: set settings
Object {$scope: null, $loading: false, data: null, total: 0, counts: Array[4]…}
angular-min.js?body=1:2147
ngTable: set parameters
Object {page: 1, count: 10, filter: Object, sorting: Object, group: Object…}
angular-min.js?body=1:2147
ngTable: reload data angular-min.js?body=1:2147
ngTable: current scope
$get.h.$new.a {$id: "017", this: $get.h.$new.a, $$listeners: Object, $$listenerCount: Object, $parent: $get.h.$new.a…}
angular-min.js?body=1:2147
run deferred
ngTable: reload data angular-min.js?body=1:2147
ngTable: current scope
$get.h.$new.a {$id: "017", this: $get.h.$new.a, $$listeners: Object, $$listenerCount: Object, $parent: $get.h.$new.a…}
angular-min.js?body=1:2147
XHR finished loading: "http://localhost:3000/debtors".
Nach der Rückkehr von Schuldnern Liste ist es nicht, rufen Sie diese zwei Zeilen:
XHR finished loading: "http://localhost:3000/debtors". angular-min.js?body=1:1825
XHR finished loading: "http://localhost:3000/assets/debtors/_listing.html.erb". angular-
Ich denke, es hat die Daten neu laden, nicht so sehr die Vorlage aber wie kann ich sehen.
Du musst angemeldet sein, um einen Kommentar abzugeben.
Bemerkt, dass ich hatte zu gehen und sich die Daten innerhalb der getData-Teil ngTableParams und warten Sie, bis es erfolgreich zurück mit meinen Daten, bevor Sie den filter anwenden und reichte es wieder gerendert zu werden.