javascript — AngularJS: инициализация JS Foundation ZURB

AngularJS: инициализировать ZURB Foundation JS

Один из методов, который я использовал, — это просто добавить {amp}lt;script{amp}gt; в конец моего частичного / шаблона.

Таким образом, я могу настроить таргетинг только на новое содержимое каждой части — вместо того, чтобы заставить фундамент пересматривать весь DOM.

например, в моем header.html:

 {amp}lt;header id="app-header"{amp}gt; {amp}lt;h1{amp}gt;Logo{amp}lt;/h1{amp}gt; {amp}lt;dl class="accordion" data-accordion{amp}gt; {amp}lt;dd{amp}gt; {amp}lt;a href="#panel1"{amp}gt;Panel 1{amp}lt;/a{amp}gt; {amp}lt;div id="panel1" class="content"{amp}gt; Loren Ipsum blah blah blah.... {amp}lt;/div{amp}gt; {amp}lt;/dd{amp}gt; {amp}lt;/dl{amp}gt; {amp}lt;/header{amp}gt; {amp}lt;!-- add this tag on bottom of template / partial --{amp}gt; {amp}lt;script{amp}gt;$('#app-header').foundation();{amp}lt;/script{amp}gt; 

Особенно, если в вашем приложении много DOM-элементов на странице, это может значительно улучшить производительность.

Понравилась статья? Поделиться с друзьями:
JavaScript & TypeScript
Adblock
detector