Jquery in angular

How to use jquery in angular

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);

Source: stackoverflow.com

Use jquery in angular

// 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();

-1

Source: stackoverflow.com

Similar codes

0 vote97 views1 answer
NFS is reporting that your exports file is invalid. Vagrant does this check before making any changes to the file. Please correct the issues below and execute "vagrant reload":
TypeScript
5 votes145 views2 answers
Python create package ros
TypeScript
0 vote132 views1 answer
Mat-sort not working in dynamically generated table
TypeScript
2 votes133 views1 answer
Google sheets reference cell static
TypeScript
0 vote131 views2 answers
Pywavelets tutorial
TypeScript
-1 vote138 views1 answer
T sql if exists multiple conditions
TypeScript
0 vote141 views1 answer
Java delete contents of file
TypeScript
1 vote130 views1 answer
Typescript exclude jest files
TypeScript
1 vote137 views1 answer
Typescript switch test per case
TypeScript
1 vote131 views1 answer
Angular jasmin mock http response
TypeScript