2015-04-24 3 views
0

Предположим, у меня естьЗамена дивы с элементами Defined во внешних файлах

<div> 
    <div id="stuff"> 
     <!-- stuff --> 
    </div> 
</div> 

Есть ли способ для меня, чтобы поместить содержимое <div id="stuff"> в файл - скажем, stuff.html - а затем заменить код выше с чем-то например:

<div> 
    <stuff.html> 
</div> 

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

+0

Вы должны очистить, если вы действительно используете AngularJS или любые другие шаблоны шаблонов. Если это так, вам действительно нужно использовать эту фреймворк для загрузки шаблонов. – Enzey

ответ

1

Использование :

<script src="jquery.js"></script> 
<script> 
    $(function(){ 
     $("#includedContent").load("stuff.html"); 
    }); 
</script> 

Затем, позже в вашем коде:

<body> 
    <div id="includedContent"></div> 
</body> 
+0

Downvoter, почему downvote? –

+0

Не используйте jquery, когда Angular сам по себе обеспечивает необходимую функциональность. – Enzey

+0

его решение не верно, хотя – bobwah

1

Угловые обеспечивает шаблонную загрузку через ng-include.

В вашем случае вы можете сделать следующее:

<div> 
    <div ng-include="'stuff.html'"></div> 
</div> 

ли узел двойных кавычках. Без двойных кавычек директива попытается разрешить значение из текущей области.

+0

Вы можете включить теги