AngularFire 动态 link 组件不工作

Question

我正在构建一个页面，该页面将从 Firebase 动态检索数据并利用 Angular 路由来提供动态 link。

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

工作，有机会吗？

AngularFire 动态 link 组件不工作

AngularFire dynamic link component not working

angularjs

firebase

angularfire