Breaking News: Grepper is joining You.com. Read the official announcement!

add jquery angular

Add Answer

Courageous Cockroach answered on January 4, 2021 Popularity 10/10 Helpfulness 3/10

answer add jquery angular

related use jquery in angular

related jquery in Angular

related how to use jquery in angular

add jquery angular

Comment

-1

../node_modules/jquery/dist/jquery.min.js

Popularity 10/10 Helpfulness 3/10 Language javascript

Source: blog.bitsrc.io

Tags: add angular javascript jquery

Link to this answer
Share Copy Link

Contributed on Jan 04 2021

Courageous Cockroach

0 Answers Avg Quality 2/10

Closely Related Answers

use jquery in angular

Comment

// In the console
// First install jQuery
npm install --save jquery
// and jQuery Definition
npm install -D @types/jquery

=======================================(in angular)
import * as $ from 'jquery';
//
$('#elemId').width();

// OR

// CommonJS style - working with "require"
import $ = require('jquery')
//
$('#elemId').width();

Popularity 10/10 Helpfulness 10/10 Language typescript

Source: stackoverflow.com

Tags: angular

Link to this answer
Share Copy Link

Contributed on Aug 21 2021

dungeon master

0 Answers Avg Quality 2/10

jquery in Angular

Comment

//first step:
npm install --save jquery

npm install -D @types/jquery

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

//third step:
<script type="text/javascript" src="assets/js/jquery-2.1.1.min.js"></script>

//fourth step in .ts file:
import * as $ from 'jquery';

ngOnInit(): void {
    this.GET_LOGIN_FORM_VALUE();

    $(document).ready(() => {
      $("button").click(() => {
        $("h3").css("color", "red");
      });
    });
  }

Popularity 10/10 Helpfulness 9/10 Language javascript

Source: Grepper

Tags: angular

Link to this answer
Share Copy Link

Contributed on Apr 16 2022

30_Savaliya Denish

0 Answers Avg Quality 2/10

how to use jquery in angular

Comment

import {bootstrap}    from '@angular/platform-browser-dynamic';
import {Component, ViewChild, ElementRef, AfterViewInit} from '@angular/core';
declare var $:JQueryStatic;

@Component({
    selector: 'ng-chosen',
    template: `<select #selectElem>
        <option *ngFor="#item of items" [value]="item" [selected]="item === selectedValue">{{item}} option</option>
        </select>
        <h4> {{selectedValue}}</h4>`
})
export class NgChosenComponent implements AfterViewInit {
    @ViewChild('selectElem') el:ElementRef;
    items = ['First', 'Second', 'Third'];
    selectedValue = 'Second';

    ngAfterViewInit() {
        $(this.el.nativeElement)
            .chosen()
            .on('change', (e, args) => {
                this.selectedValue = args.selected;
            });
    }
}

bootstrap(NgChosenComponent);

Popularity 9/10 Helpfulness 3/10 Language javascript

Source: stackoverflow.com

Tags: angular

Link to this answer
Share Copy Link

Contributed on Aug 09 2022

Fine Falcon

0 Answers Avg Quality 2/10

add jquery angular

Contents

More Related Answers

add jquery angular

Closely Related Answers

use jquery in angular

jquery in Angular

how to use jquery in angular

Grepper

Documentation

Social

Legal

Contact

Oops, You will need to install Grepper and log-in to perform this action.