Заселяющий datatable с Firebase и Angular

Question

Я очень новичок в Firebase и всей веб-разработке spiel.

Я пытаюсь заполнить datatable на моем веб-сайте данными из моей Firebase.

This is the datatable in bootstrap

Ниже приводится app.js

var app = angular.module("aocgApp", ["firebase"]); 
app.controller("dataController", ["$scope", "$firebaseArray", 
function($scope, $firebaseArray) { 
    var national = new Firebase("https://aoconsultinggroup.firebaseio.com/National"); 
    $scope.schools = $firebaseArray(national); 
}]); 

и, наконец, HTML-код:

<div class="panel-body"> 
<div ng-app="aocgApp" ng-controller="dataController"> 
<div class="table-responsive"> 
    <table class="table"> 
     <thead> 
      <tr> 
       <th>School Name</th> 
       <th>SATs</th> 
       <th>GPA</th> 
       <th>Tuition</th> 
      </tr> 
     </thead> 
     <tbody> 
      <tr ng-repeat="school in schools"> 
       <td>{{ schools.name }}</td> 
       <td>{{ schools.sat24l }}</td> 
       <td>{{ schools.gpa }}</td> 
       <td>{{ schools.tuition }}</td> 
      </tr> 
     </tbody> 
    </table> 
</div> 
</div> 
</div> 

спасибо за вашу помощь.

EDIT: Ниже приводится структура данных

aoconsultinggroup 
    L Business 
    L CS 
    L Engineering 
    L National 
    L 0 
     L name 
     L SAT 
     L GPA 
     L tuition 
    L 1 
     L name 
     L SAT 
     L GPA 
     L tuition 
    L 2 
     L name 
     L SAT 
     L GPA 
     L tuition 
    L 3 
     L name 
     L SAT 
     L GPA 
     L tuition 

Answer 1

У вас есть имя переменной неправильно в вашем шаблоне, это schools не national:

<tr ng-repeat="school in schools"> 
    <td>{{ school.name }}</td> 
    <td>{{ school.sat24l }}</td> 
    <td>{{ school.gpa }}</td> 
    <td>{{ school.tuition }}</td> 
</tr> 

В контроллере, вам не нужно используйте $loaded(). Когда данные будут загружены, $firebaseArray() вызовет цикл $digest.

Все, что вам нужно это:

var national = new Firebase("<your-firebase-app>/National"); 
$scope.schools = $firebaseArray(national); 

Вот что делает school in schools работу в шаблоне. Переменная schools указана из $scope контроллера, а в шаблоне создается переменная school.