javascript - 当数据来自 ASYNC 函数时，ng-bind-html 指令不显示 "0"

Question

HTML

<div ng-bind-html="retrievedData.summary.classAvgGrade"></div>

JS

var data = {
  summary:{
  classAvgGrade:0,//10 (change by yourself)
  student:12
  }
}

angular.module('myapp', ['ngSanitize'])
  .controller('foo', function($scope, $interval) {
    $interval(function() {
      $scope.retrievedData = data;
    }, 1000);
  });

angular.bootstrap(document, ['myapp']);

DEMO

注意:

1. 如果我使用 ng-bind 而不是 ng-bind-html 它将起作用；

2. 否则我们可以在异步调用之前定义(声明)对象

   $scope. retrievedData= {
     summary:{
         classAvgGrade:0
     }
   }
   

Answer 1

我通过向变量附加 .toString() 解决了这个问题。所以，而不是

<div ng-bind-html="retrievedData.summary.classAvgGrade"></div>

尝试

<div ng-bind-html="retrievedData.summary.classAvgGrade.toString()"></div>