AngularFire动态链接组件不起作用

Question

我正在构建一个页面，该页面将从 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 的工作都很好。怎么回事？

Answer 1

会

$scope.$apply()

之后

$scope.ideaTitle = entries.ideaTitle

工作，有机会吗？