angular2+onsenui--怎么在angular2项目里引入onsenui框架

在angular2项目里安装onsenui框架，这里使用npm命令。

一、在目录下，shift+鼠标右键–在此处打开命令窗口

键入命令：npm install onsenui ngx-onsenui --save

安装成功后会显示相应的框架版本号

二、修改app.module.ts

增加如图所示的红色框部分：

import { OnsenModule, CUSTOM_ELEMENTS_SCHEMA } from 'ngx-onsenui';

OnsenModule

schemas: [CUSTOM_ELEMENTS_SCHEMA]

三、修改style.css

引入以下两个样式：

@import '../node_modules/onsenui/css/onsenui.min.css';
@import '../node_modules/onsenui/css/onsen-css-components.min.css';

这样就可以啦！！！！！

angular2+onsenui--怎么在angular2项目里引入onsenui框架相关推荐

如何在TypeScript/JavaScript项目里引入MD5校验和
摘要:MD5校验和则是其中一种数学算法,通常是使用工具对文件计算得出的一组32 个字符的十六进制字母和数字. 本文分享自华为云社区<TypeScript/JavaScript项目里如何做MD5校 ...
在前端项目里引入字体
前言最近做可视化看板产品经理觉得默认字体丑,那么只能在项目里引入一下字体了. 注: vue项目项目里使用的是scss,对于css和less 没有进行测试实现分享一个下载ppt.字体的网址:第一 ...
【Vue】16.vue项目里引入百度统计
参考官网:百度统计开放平台百度统计最近往项目里面引入百度统计,也是在网上查了各种资料,把百度统计的官网api又好好的看了一下,顺着文档的步骤,一步一步走下来,其实还蛮简单的,首先先在百度统计注册一 ...
Vue项目里引入Muse-UI
一.在电脑中装好了node和vue的环境二.下载纯净的Vue项目 1.在指定文件夹中输入指令:vue init webpack (自定义的项目名称): 2.然后根据提示,一路回车. 注意:Use E ...
前端项目，引入苹方字体
UI用的IMac,设计图默认使用的字体为 pingFangSC-Regular 与UI协商后,决定在项目里引入本地的字体库以达到与设计图同样的效果首先下载font字体库这里下载的是ttf文件(并 ...
Java项目在jsp页面中引入jquery框架的步骤
http://www.cnblogs.com/wxjnew/p/3831796.html 环境:在Java web项目中引入juqery框架工具:MyEclipse8.5 [步骤如下] A:新建一 ...
angular2项目里使用正则表达式
先踩坑 test() 方法是一个正则表达式方法. test() 方法用于检测一个字符串是否匹配某个模式,如果字符串中含有匹配的文本,则返回 true,否则返回 false. 我们学习正则表达式时,一般 ...
angular2项目里使用 Spin(加载中)
何时使用页面局部处于等待异步数据或正在渲染过程时,合适的加载动效会有效缓解用户的焦虑. 效果 ng-zorro官方链接:https://ng.ant.design/components/spin/z ...
h5引用项目里css_H5（nuxt）项目引入字体
H5(nuxt)项目引入字体闲话少说方法1: 1.下载所需要的字体,.ttf格式本文以(FZCYJ.ttf 为例) 2.先自己定义一个font.css文件,字体文件的路径引入 @font-face ...

angular2+onsenui--怎么在angular2项目里引入onsenui框架

一、在目录下，shift+鼠标右键–在此处打开命令窗口

二、修改app.module.ts

三、修改style.css

angular2+onsenui--怎么在angular2项目里引入onsenui框架相关推荐

最新文章

热门文章