Добавить плагин jquery counterup к symfony 2 с помощью Assetic

Я пытаюсь добавить противодействующий эффект на мою домашнюю страницу в приложении Symfony 2 с angular. Я добавил зависимости в свой файл config.yml следующим образом:

counter:
        inputs:
            - "bundles/ubidelectricity/js/custom/waypoints.min.js"
            - "bundles/ubidelectricity/js/custom/jquery.counterup.min.js"

и я вызвал счетчик в своей ветке вот так:

{% block javascripts %}
{% javascripts
'@jquery'
'@bootstrap_4_js'
'@jqueryui'
'@elfinder'
'@fastclick'
'@angular'
'@angular_storage'
'@angular_table'
'@angular_translate'
'@angular_scroll'
'@angular_file_uplaod'
'@angular_dynamic_locale'
'@bootstrap_colorpicker'
'@videogular'
'@oclazyload'
'@breadcrumb'
'@ui_bootstrap'
'@loading_bar'
'@color_picker'
'@locationpicker'
'@multirange_slider'
'@site_front_scripts'
'@continuous_net_services'
'@continuous_net_directives'
'@site_front_controller' %}<script src = "{{ asset_url }}"></script>
{% endjavascripts %}
{% endblock %}

и я добавил html на главную страницу следующим образом:

<div class = "row pt-5 pb-5">
<div class = "col-md-3 text-center">
    <span class = "counter">3300</span> <span class = "counters">+</span>
    <span class = "counter-text">Buyers Organisations</span>
</div>
<div class = "col-md-3 text-center">
    <span class = "counter">585</span>
    <span class = "counter-text">Buyer Partners</span>
</div>
<div class = "col-md-3 text-center">
    <span class = "counter">41000</span> <span class = "counters">+</span>
    <span class = "counter-text">Tenders / Quotes </span>
    <span class = "counter-text"> Every Year </span>
</div>
<div class = "col-md-3 text-center">
    <span class = "counter">658</span>
    <span class = "counter-text">Industry Categories</span>
</div>
</div>

Я использую :

php app/console assets:install
php app/console assetic:dump
php app/console assetic:watch

но не работает и нет анимации.

Говоря «это не работает», вы имеете в виду, что файла вообще нет (смотрите исходный код) или что он есть, но не работает? Кроме того, не могли бы вы опубликовать весь свой контент из ветки {% javascripts%}?

Aurelien 27.06.2018 14:40

Я имею в виду, что числа в моей ветке не имеют анимации.

Claude 27.06.2018 18:05

Я добавил содержимое дыры javascript

Claude 27.06.2018 18:07
Знаете ли вы, что директивы являются одной из самых мощных и универсальных функций Angular?
Знаете ли вы, что директивы являются одной из самых мощных и универсальных функций Angular?
Директивы позволяют расширять HTML новыми элементами и атрибутами и даже создавать собственные структурные директивы для манипулирования DOM. С...
Разница между Angular и React
Разница между Angular и React
React и AngularJS - это два самых популярных фреймворка для веб-разработки. Оба фреймворка имеют свои уникальные особенности и преимущества, которые...
0
3
45
0

Другие вопросы по теме