ng-bind-html - ID名を認識しないng-bind-html

Question

私は ng-bind-html を使用しており、クラス名を含む HTML を取り込みますが、ID 名がすべて欠落しています。これは何が原因ですか？

実際のコード例:

service partial example

  var assets = {
      'sampleInvoice': '<div id="invoice-div"><table id="invoice-table-id" cellspacing="0" cellpadding="0" border="0"><tbody>......
    }

  controller portion:

    $scope.invoiceDetails = function(params) {
        console.log("Here I am ");
        var modalInstance = $uibModal.open({
            templateUrl: 'invoice-details-modal',
            controller: 'invoiceDetailsCtrl',
            windowClass: 'invoice-details-modal',
            resolve: {
                invoice: function resolveInvoiceTemplate($q) {
                    return $q.resolve($templateCache.get("sampleInvoice"));
                }
            }
        });

HTML 部分

  <div ng-bind-html="invoice"></div>

それが生産しているもの：

<div><table cellspacing="0" cellpadding="0" border="0"><tbody><tr valign="top"><td><table cellspacing="0" cellpadding="0" border="0"><tbody><tr><td class="invoice-logo-td"><div class="invoice-logo">....

クラス名は表示されていますが、ID が表示されていないことに注意してください。これで、回避策としてすべての ID をクラスに切り替えることができますが、ID 名も認識できるはずです。

なぜこれが起こっているのか誰にも分かりますか？(はい、ngSanitize を注入しました)

前もって感謝します！