I am currently trying to implement the functionality from https://github.com/rpocklin/angular-scroll-animate in my project, but I keep encountering an error in my console:
Error: Directive: angular-scroll-animate 'when-visible' attribute must specify a function.
index.html
<section ng-controller="Section1Controller" >
<div class="container" when-visible="animateElementIn" when-not-visible="animateElementOut" class="hidden">
<h3 class="section-title">{{titresection}}</h3>
<div class="line-section"></div>
<div class="section-thumb"><img ng-src="../assets/images/avatar.jpg">
<p class="section-contenue">{{paragraphe}}</p>
</div>
</div>
</section>
controller.html
apps.controller('Section1Controller', function ($scope) {
$scope.titresection="Développeur frontend & backend";
$scope.image='../assets/images/avatar.jpg';
$scope.lefttitle=" 2016";
$scope.paragraphe="éveloppeur frontend, qui développe des sites vitrines sous WordPress et des dernières techniques web : HTML5/CSS3, jQuery, jQuery UI,NodeJs,AngularJs.";
$scope.animateElementIn = function($el) {
$el.removeClass('hidden');
$el.addClass('animated fadeInUp'); // this example leverages animate.css classes
};
$scope.animateElementOut = function($el) {
$el.addClass('hidden');
$el.removeClass('animated fadeInUp'); // this example leverages animate.css classes
};
/*
});