Angular2 如何使用jquery?
网上找了很多版本尝试都不行,最后在stackoverflow上找到一个,尝试完美解决
具体操作步骤如下
1. 安装jquery
npm install jquery
2.安装 type for jquery
npm install -D @types/jquery
3.在组件中使用jquery
impor * from $ from ‘jquery’
import { Component,OnInit,ElementRef } from '@angular/core'; import * as $ from 'jquery'; @Component({ selector: 'app-root', templateUrl: './app.component.html', styleUrls: ['./app.component.css'] }) export class AppComponent { title = 'app'; greeting(): void { $("body").append("<h3>test</h3>"); } }
前台页面
<div > <h1 > Welcome to {{title}}! </h1> <button (click)="greeting()">Clic Me</button> </div>
- 上一篇 »如何从angular2中的url获取查询参数?
- 下一篇 »Angular2 组件通信