.html() возвращает пустую строку

Question

У меня есть код:

 htmlObject = '<div status-box></div>'; 
     template = $compile(htmlObject)($scope); 
     $scope.$digest(); 
     console.log(template); 
     var templateAsHtml = template.html(); 
     console.log(templateAsHtml); 

и выход: из первого console.log:

{0: <div status-box="" class="ng-scope"></div>, length: 1}

и от вторых:

''

Похоже, момент, когда я вызываю .html, он просто не преобразует его, и он пуст.

Answer 1

При запросе .html() элемента вы получите innerHTML. Поскольку '<div status-box></div>' не имеет дочерних узлов, поведение является правильным. Если вы хотите вернуть HTML, включая сам объект, вам нужно использовать функцию outerHTML.

var templateAsHtml = template[0].outerHTML; 
console.log(templateAsHtml); 

Смотрите документы:

• http://www.w3schools.com/jsref/prop_html_innerhtml.asp
• https://developer.mozilla.org/en-US/docs/Web/API/Element/outerHTML

Замечание: при [0] используется для доступа к ваниль JavaScript объект внутри вашего объекта оболочки.