Javascript 角度:无法显示来自firebase的数据
试图从教程中创建一个简单的todo应用程序。我尝试使用ng repeat将firebase中的值显示到表中。无法检索“todo.activity”和“todo.notes”的值。到目前为止,这是我的代码Javascript 角度:无法显示来自firebase的数据,javascript,angularjs,firebase,angularjs-ng-repeat,Javascript,Angularjs,Firebase,Angularjs Ng Repeat,试图从教程中创建一个简单的todo应用程序。我尝试使用ng repeat将firebase中的值显示到表中。无法检索“todo.activity”和“todo.notes”的值。到目前为止,这是我的代码 您的ng repeat的html不正确。应该是这样的: <tbody> <tr ng-repeat="todo in todos"> <td>{{todo.activity}}</td> <td&g
您的ng repeat的html不正确。应该是这样的:
<tbody>
<tr ng-repeat="todo in todos">
<td>{{todo.activity}}</td>
<td>{{todo.notes}}</td>
</tr>
</tbody>
{{todo.activity}
{{todo.notes}
您至少需要向我们提供一些信息来帮助您。@PritamBanerjee嘿,很抱歉,我正在尝试从firebase检索数据,使用{{{todo.activity}
和{{{todo.notes}}
在HTML中使用ng repeat
在一个表中,数据的表行已关闭,行外的单元格已关闭。这在语义上是不正确的。查看HTML的该区域,看看是否有帮助。抱歉,编辑了标记,但也不起作用
'use strict';
// Initialize Firebase
var config = {
apiKey: "AIzaSyAfjQC4qL7tMu37XA2z469jfLCrsMsHdAM",
authDomain: "todo-5a1c3.firebaseapp.com",
databaseURL: "https://todo-5a1c3.firebaseio.com",
storageBucket: "todo-5a1c3.appspot.com",
messagingSenderId: "636959211631"
};
firebase.initializeApp(config);
angular.module('myApp.todo', ['ngRoute'])
.config(['$routeProvider', function($routeProvider) {
$routeProvider.when('/todo', {
templateUrl: 'todo/todo.html',
controller: 'TodoCtrl'
});
}])
.controller('TodoCtrl', ['$scope','$firebaseArray',function($scope,$firebaseArray) {
var rootRef = firebase.database().ref();
$scope.todos = $firebaseArray(rootRef.child('todos'));
$scope.addTodo = function(){
console.log("adding contact");
$scope.todos.$add({
activity: $scope.activity,
notes : $scope.notes
}).then(function(rootRef){
var id = rootRef.key;
console.log('Added Contant '+id);
$scope.activity = '';
$scope.notes = '';
});
}
}]);
<tbody>
<tr ng-repeat="todo in todos">
<td>{{todo.activity}}</td>
<td>{{todo.notes}}</td>
</tr>
</tbody>