我正在构建一个页面,该页面将从Firebase动态检索数据,并利用Angular路由为动态链接提供服务。
JS:
.controller("IdeaCtrl", ['$scope', '$firebase', '$routeParams', function($scope, $firebase, $routeParams) {
$scope.idea = {
ID: $routeParams.id
};
var ref = new Firebase("https://crowdfluttr.firebaseio.com/ideas/" + $scope.idea.ID);
ref.on("value", function(snapshot) {
console.log(snapshot.val());
var entries = snapshot.val();
$scope.ideaTitle = entries.ideaTitle;
console.log($scope.ideaTitle);
}, function (errorObject) {
console.log("The read failed: " + errorObject.code);
});
}])
HTML:
ID: {{ idea.ID }} <br>
Title: {{ ideaTitle }}
{{idea.ID}}有效,但{{ideaTitle}}没有显示。然而,两个console.log都运行良好。似乎是什么问题?
答案 0 :(得分:3)
会
$scope.$apply()
之后
$scope.ideaTitle = entries.ideaTitle
工作,任何机会?