xml地图|网站地图|网站标签 [设为首页] [加入收藏]

如何使用jquery,框架搭建记录

来源:http://www.ccidsi.com 作者:集成经验 人气:173 发布时间:2019-05-07
摘要: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'; g
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>");
  }
}

5.创制多个项目

ng new projectname

图片 1

image.png

前台页面

3.安装angular-cli:

npm install -g angular-cli@latest

上边这一个讲话安装的最新版本是2八.三,angular-cli@一.0.0-beta.2捌.三: 并且只怕会报这么些错

npm WARN deprecated angular-cli@1.0.0-beta.28.3: angular-cli has been renamed to @angular/cli. Please update
your dependencies.

2.安装 type for jquery

6.angular安装类库命令

  • 安装jquery

npm install jquery --save

  • 安装bootstrap

npm install bootstrap --save

  • 在 angular-cli.json 文件中找到script,将jquery和bootstrap参加个中

"styles": [
"styles.css",
"../node_modules/bootstrap/dist/css/bootstrap.css"
],
"scripts": [
"../node_modules/jquery/dist/jquery.js",
"../node_modules/bootstrap/dist/js/bootstrap.js"
],

图片 2

image.png

&&&&注意: jquery与bootstrap安装要求配备项目文件,否则typescript代码中不可能识别jquery和bootstrap命令.

  • 安装jquery类型文件

npm install @types/jquery --save-dev

  • 设置bootstrap类型文件

npm install @types/bootstrap --save-dev

    npm install -D @types/jquery

四.装置到位结果

图片 3

image.png

<div style="text-align:center">
  <h1 id="title">
    Welcome to {{title}}!
  </h1>  
  <button (click)="greeting()">Clic Me</button>
</div>

二.因为angular-cli是用typescript写的,所以要先装这多个:

npm install -g typescript typings

具体操作步骤如下

angular-cli安装

  

一.设置Taobao镜像

npm config set registry https://registry.npm.taobao.org

本文由68399皇家赌场发布于集成经验,转载请注明出处:如何使用jquery,框架搭建记录

关键词: 68399皇家赌场 日记本

上一篇:存储及更新,微信小程序开发知识点总结

下一篇:没有了

最火资讯