我正在尝试在带有angular的symfony 2应用程序的首页中添加反效果。我在我的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
,但是它不起作用,也没有动画。