Угловой щ самозагрузка поповера с шаблоном

Question

<a data-ng-href="" uib-popover-template="'profile.html'" popover-placement="bottom"></a> 

<script type="text/ng-template" id="profile.html"> 
    <div class="media"> 
     <div class="media-left"> 
      <a data-ng-href=""> 
       <img class="media-object" data-ng-src="" alt=""> 
      </a> 
     </div> 
     <div class="media-body"> 
      <h4 class="media-heading" data-ng-bind="mainCtrl.Authentication.getUser().fullName">Unknown User</h4> 
     </div> 
    </div> 
</script> 

ошибки

Error: Syntax error, unrecognized expression: <div class="media"> 
     <div class="media-left"> 
      <a data-ng-href=""> 
       <img class="media-object" data-ng-src="" alt=""> 
      </a> 
     </div> 
     <div class="media-body"> 
      <h4 class="media-heading" data-ng-bind="mainCtrl.Authentication.getUser().fullName">Unknown User</h4> 
     </div> 
    </div> 
    at Function.Sizzle.error (jquery.js:4421) 
    at tokenize (jquery.js:5076) 
    at select (jquery.js:5460) 
    at Function.Sizzle [as find] (jquery.js:3998) 
    at jQuery.fn.extend.find (jquery.js:5576) 
    at jQuery.fn.jQuery.init (jquery.js:196) 
    at jQuery (jquery.js:62) 
    at compile (angular.js:7543) 
    at ui-bootstrap-tpls.js:4688 
    at processQueue (angular.js:14792) 

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

Answer 1

Я столкнулся с этой проблемой сегодня, и когда я собирался опубликовать ту же проблему, когда я вошел в свой пост, я наткнулся на this post. Это в свою очередь привело меня к jquery documentation.

Суть в том, что я сделал, разделил пробелы в шаблоне, и он работал нормально. IE:

До:

<script type="text/ng-template" id="deletePopover.html"> 
    <div>Sample template.</div> 
</script> 

После:

<script type="text/ng-template" id="deletePopover.html"><div>Sample template.</div> 
</script> 

Как Угловая UI Bootstrap не имеет зависимость от JQuery, я не знаю, почему это вопрос и как я на самом деле не смотрели, почему это работает, я думал, что я опубликую его в то же время.

Answer 2

Была такая же проблема. Решено изменить порядок загрузки jquery и bootstrap. Теперь я загружаю бутстрап, а затем jquery и, похоже, решает его. Но странно, тем не менее.

Answer 3

Просто хочу указать, что, по-видимому, корень требования состоит в том, что строка должна начинаться с символа <. Таким образом, вам фактически не нужно вставлять все это в одну строку (что не очень приятно для более сложного шаблона). Следующие работы для меня:

<script type="text/ng-template" id="template.html"><span></span> 
    <div> 
     Hello there 
    </div> 
</script> 

Имея <span></span> сразу после открытия <script> позволяет остальной части шаблона для визуализируется как HTML.