Как добавить загруженный контент ajax, содержащий выражение AngularJS, с jquery

Question

Я застрял в этой проблеме и надеюсь, что вы можете указать мне в правильном направлении.

Адрес fiddle.

объяснителя

1) Я получаю некоторый шаблон HTML с помощью запроса AJAX, все работает отлично, это то, что он выглядит:

 <div> 
      <h2 class="splash" ng-bind="view.headline || 'That&#039;s cool'"></h2> 
     </div> 

Как вы уже знаете, если view.headline это будет выводиться Это круто

2) Добавление шаблона в дом (только псевдокод)

<div id="thisIsMyTemplatePlaceholder"></div> 
<script> 
var templateFromAjax="<h2 ng-bind=\"view.headline||'That&#039;s cool'\"></h2>"; 
$("#thisIsMyTemplatePlaceholder").html(templateFromAjax); 
</script> 

3) Проверьте добавленный HTML вы видите три «(апостроф) на атрибуте нг-связывания, и это приводит к тому, мою ошибку

<div id="thisIsMyTemplatePlaceholder"> 
<h2 ng-bind="view.headline||'That's cool'"></h2> 
</div> 

4) Проблема, кажется, JQuery .html(), потому что он декодирует специальные символы.

jquery is transforming this: 'That's cool' into 'That's' 

Answer 1

Попробуйте бежать два раза. Один побег будет удален как html() unescapes your String, см. here для справки.

'That\\'s cool'\">That's cool</h2>"; 

Теперь, когда вы используете .attr("ng-bind") следующий будет результат

view.headline || 'That\'s cool 

Является ли это ваш желаемый эффект, или будет только That's cool работа?

Answer 2

Вы пробовали:

<!-- you can just escape the one apostrophe --> 
<h2 ng-bind="view.headline || 'That\'s cool'"></h2> 

Answer 3

Другой способ:

Во-первых, отделить шаблон в другой файл, просто легче, что путь:

myTemplate.html

<h2 ng-bind="view.headline || 'That\'s cool'"></h2> 
<!-- you can just escape the one apostraphe, but really, 
this logic doesn't belong in the html, but rather the 
controller or service which assigns a value to view.headline --> 

Затем вы можете включить шаблон:

<div id="thisIsMyTemplatePlaceholder" ng-include="'myTemplate.html'"> </div> 

A Plunker показывая эту работу:

http://plnkr.co/edit/NlzTmlNMQCqHwqVxgCpQ?p=preview