Quero importar um arquivo .js, chega até ficar disponível, porém o que devia acontecer não acontece, hehe. Como que faz pra incluir um arquivo js de forma correta?
Você está vendo a versão anterior da nova experiência da Alura que estamos preparando para você. Em breve, ela ganha uma identidade visual novinha totalmente pensada em potencializar seus estudos!
Quero importar um arquivo .js, chega até ficar disponível, porém o que devia acontecer não acontece, hehe. Como que faz pra incluir um arquivo js de forma correta?
Oi Victor!
Para que um arquivo .js seja entendido pelo Angular, é necessário declará-lo no angular.json. Dentro deste arquivo, procure a propriedade scripts e adicione o caminho do arquivo .js como item do array
"scripts": [
"caminho/ate/o/arquivo.js"
]Pois então, eu já fiz isso.
Oi Victor!
Você poderia compartilhar mais detalhes sobre o que esse script faz? Se puder mandar o código dele e também o código do componente em que ele está sendo usado seria ótimo!
Aguardo seu retorno.
const debounce = function (func, wait, immediate) {
let timeout;
return function (...args) {
const context = this;
const later = function () {
timeout = null;
if (!immediate) func.apply(context, args);
};
const callNow = immediate && !timeout;
clearTimeout(timeout);
timeout = setTimeout(later, wait);
if (callNow) func.apply(context, args);
};
};
const target = document.querySelectorAll('[data-anime]');
const animationClass = 'animate';
function animeScroll() {
const windowTop = window.pageYOffset + (window.innerHeight * 0.75);
target.forEach(function (element) {
if ((windowTop) > element.offsetTop) {
element.classList.add(animationClass);
} else {
element.classList.remove(animationClass);
}
})
}
animeScroll();
if (target.length) {
window.addEventListener('scroll', debounce(function () {
animeScroll();
}, 10));
}