Skip to main content
se añadieron 299 caracteres en el cuerpo
Origen Enlace

perri intenta asi, en angular.json tenes que tener en la prop scripts:["path a myScript.js"] , luego encapsula tu script de js en una función:

let myScript = function(){
  console.log("hola desde myScript ;)");
  let animado = document.querySelectorAll(".animated");

  function mostrarScroll() {
    var scrollTop = document.documentElement.scrollTop;
    for (var i = 0; i < animado.length; i++)
    {
        console.log(animado);
        var alturaAnimado = animado[i].offsetTop;
        if(alturaAnimado - 500 < scrollTop)
        {
            animado[i].style.opacity = 1;
            animado[i].classList.add("fadeInLeft");
        }
    }
  }
}

luego en el component vas a crear un declare var para hacer referencia a la lib que incluiste :

import { Component, OnInit } from '@angular/core';
**declare
declare var myScript: any;**any;

@Component({
  selector: 'example-component',
  templateUrl: './app.component.html',
  styleUrls: ['./app.component.css']
})
export class AppComponent implements OnInit{
  instanceLib: any;
  constructor(){

  }

  ngOnInit(): void {
    console.log("hola");
    this.instanceLib = myScript();
    this.instanceLib.mostrarScroll(); 
  }

}

en el OnInit, creas una instancia de la funcion y listo!

perri intenta asi :

let myScript = function(){
  let animado = document.querySelectorAll(".animated");

  function mostrarScroll() {
    var scrollTop = document.documentElement.scrollTop;
    for (var i = 0; i < animado.length; i++)
    {
        console.log(animado);
        var alturaAnimado = animado[i].offsetTop;
        if(alturaAnimado - 500 < scrollTop)
        {
            animado[i].style.opacity = 1;
            animado[i].classList.add("fadeInLeft");
        }
    }
  }
}

luego en el component :

import { Component, OnInit } from '@angular/core';
**declare var myScript: any;**

@Component({
  selector: 'example-component',
  templateUrl: './app.component.html',
  styleUrls: ['./app.component.css']
})
export class AppComponent implements OnInit{
  instanceLib: any;
  constructor(){

  }

  ngOnInit(): void {
    console.log("hola");
    this.instanceLib = myScript();
    this.instanceLib.mostrarScroll(); 
  }

}

perri intenta asi, en angular.json tenes que tener en la prop scripts:["path a myScript.js"] , luego encapsula tu script de js en una función:

let myScript = function(){
  console.log("hola desde myScript ;)");
  let animado = document.querySelectorAll(".animated");

  function mostrarScroll() {
    var scrollTop = document.documentElement.scrollTop;
    for (var i = 0; i < animado.length; i++)
    {
        console.log(animado);
        var alturaAnimado = animado[i].offsetTop;
        if(alturaAnimado - 500 < scrollTop)
        {
            animado[i].style.opacity = 1;
            animado[i].classList.add("fadeInLeft");
        }
    }
  }
}

luego en el component vas a crear un declare var para hacer referencia a la lib que incluiste :

import { Component, OnInit } from '@angular/core';

declare var myScript: any;

@Component({
  selector: 'example-component',
  templateUrl: './app.component.html',
  styleUrls: ['./app.component.css']
})
export class AppComponent implements OnInit{
  instanceLib: any;
  constructor(){

  }

  ngOnInit(): void {
    console.log("hola");
    this.instanceLib = myScript();
    this.instanceLib.mostrarScroll(); 
  }

}

en el OnInit, creas una instancia de la funcion y listo!

Origen Enlace

perri intenta asi :

let myScript = function(){
  let animado = document.querySelectorAll(".animated");

  function mostrarScroll() {
    var scrollTop = document.documentElement.scrollTop;
    for (var i = 0; i < animado.length; i++)
    {
        console.log(animado);
        var alturaAnimado = animado[i].offsetTop;
        if(alturaAnimado - 500 < scrollTop)
        {
            animado[i].style.opacity = 1;
            animado[i].classList.add("fadeInLeft");
        }
    }
  }
}

luego en el component :

import { Component, OnInit } from '@angular/core';
**declare var myScript: any;**

@Component({
  selector: 'example-component',
  templateUrl: './app.component.html',
  styleUrls: ['./app.component.css']
})
export class AppComponent implements OnInit{
  instanceLib: any;
  constructor(){

  }

  ngOnInit(): void {
    console.log("hola");
    this.instanceLib = myScript();
    this.instanceLib.mostrarScroll(); 
  }

}