0

Olá, estou com um problema: Estou integrando uma template que funciona em jQuery, css3 e html5. Adicionei ele no node_modules e referenciei os scripts no angular.json. O css da template está funcionando normalmente, mas nenhuma função de javascript/jquery está funcionando, alguém pode me auxiliar?

Referenciamento :

"scripts": [
          "node_modules/altair/bower_components/jquery/dist/jquery.min.js",
          "src/assets/assets/js/uikit_htmleditor_custom.js",
          "src/assets/bower_components/uikit/uikit.js",
          "src/assets/assets/js/common.min.js",
          "src/assets/assets/js/uikit_custom.min.js",
          "src/assets/assets/js/kendoui_custom.min.js",
          "src/assets/assets/js/altair_admin_common.min.js"
        ]
2
  • Dá uma lida aqui: pt.stackoverflow.com/questions/411207/…
    – LeAndrade
    Commented 26/09/2019 às 19:39
  • Boa tarde, eu já dei uma lida e tentei aplicar esse método, mas não funcionou. Nada que utiliza o arquivo principal.js da template está funcionando...
    – Rebonato
    Commented 26/09/2019 às 20:23

1 Resposta 1

0

Pra usar o jquery

 npm install jquery --save

no angular.json

"scripts": [ "../node_modules/jquery/dist/jquery.min.js" ]

para usar o Jquery, você deve importar em qualquer component que você queria usar

import * as $ from 'jquery';

Esse exemplo usa o app-rot no seu component

import { Component, OnInit  } from '@angular/core';
import * as $ from 'jquery';
@Component({
  selector: 'app-root',
  templateUrl: './app.component.html',
  styleUrls: ['./app.component.css']
})
export class AppComponent implements OnInit {


  public ngOnInit()
  {
    //jQuery code
        });
    });
  }
}

de uma olhada na documentação oficial

11
  • Já fiz tudo isso, o jquery em si está funcionando, mas o código de minha template não funciona. Nenhum evento funciona, sidebar não funciona, nada, nada... tá complicado :/
    – Rebonato
    Commented 27/09/2019 às 15:19
  • você pode me passar o código do repositorio no github? que baixo e te ajudo a resolver Commented 27/09/2019 às 16:06
  • O template é gigante, tem muito código... você tem algum meio para contato?
    – Rebonato
    Commented 27/09/2019 às 18:53
  • Fiz o deploy do projeto: github.com/andrerebonato/error-angular
    – Rebonato
    Commented 27/09/2019 às 20:43
  • Está faltando o package.json no repositório que você enviou
    – brenodiogo
    Commented 27/09/2019 às 22:04

Você deve fazer log-in para responder a esta pergunta.

Esta não é a resposta que você está procurando? Pesquise outras perguntas com a tag .