网上找了不少版本尝试都不行,最后在stackoverflow上找到一个,尝试完美解决css
具体操做步骤以下html
1. 安装jqueryjquery
npm install jquerynpm
2.安装 type for jqueryapp
npm install -D @types/jquerycomponent
3.在组件中使用jqueryhtm
impor * from $ from ‘jquery’blog
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>"); } }
前台页面it
<div style="text-align:center"> <h1 id="title"> Welcome to {{title}}! </h1> <button (click)="greeting()">Clic Me</button> </div>