2016-11-08 4 views
2

https://github.com/ocombe/ocLazyLoadУгловое 2 CLI - 3 участника JS плагинов отложенной загрузки

Я использовал это для угловыми 1, есть ли альтернативные плагины, как это работать для угловых 2? Я хочу включить стороннего участника Javascript плагины по требованию (ленивая загрузка), в мой проект Angular 2. До сих пор нет успеха.

В настоящее время я работаю с Angular CLI. Я попытался включить в файл angular-cli.json, в том числе jquery, кажется, работает. Но я думаю, что это для глобальной нагрузки.

"styles": [ 
    "styles.css", 
    "../node_modules/bootstrap/dist/css/bootstrap.css" 
    ], 
    "scripts": [ 
    "../node_modules/jquery/dist/jquery.js" 
    ], 

Допустим, я хочу страницу с WOW.js плагин в этой странице. Я должен вызвать компонент с WOW.js, инициированный внутри него, тогда файл WOW.js будет включен динамически. Как это сделать?

Благодаря

ответ

0

Вы можете добавить в ваши активы файл WOW.js в файле конфигурации угловой cli.json.

"assets": [ 
    "pathToYourPlugin/WOW.js" 
    ], 

Затем в ваш компонент добавьте тег скрипта, чтобы импортировать вашу библиотеку.

<script src="/WOW.js"></script> 
+0

мой компонентный шаблон html является частичным для всей страницы. это нормально, если я ставил этот '' между и не в ? – Faizal

+0

Да, конечно. Рекомендуемый способ находится в конце тела. Этот ответ не очень приятный, но он решает ваше требование. –

+0

'' не импортировал. Я подтвердил, что здесь можно увидеть скрипты http: // localhost: 4200/assets/wow.js'. , когда я проверяю элементы с помощью инструмента dev, '' tag ушел из html. пожалуйста помоги. спасибо – Faizal

Смежные вопросы