1.html引入: <p-dropdown float-right [options]="sortOption" [(ngModel)]="sortNow" optionLabel="name" (onChange)="changeType()"></p-dropdown> 2.在当前总模块或页面模块里引入模块: import {DropdownModule} from 'primeng/dropdow

1.安装 1)安装nodejs: 官网下载安装 2)可选安装 cnpm:  //安装了cnpm后,以后用到npm安装的东西都可以把npm替换成cnpm npm install -g cnpm --registry=https://registry.npm.taobao.org 3)安装ionic工具 npm install -g cordova ionic@3.20.0 可以不指定ionic的版本(不加@3.20.0) 2.创建项目 1)ionic start myApp tabs blank

首先安装primeng cnpm install primeng --save 这样会在项目目录中增加node_modules\primeng目录 package.json文件增加了以下一行 "primeng": "^4.3.0", 在app.module.ts文件中添加: import { BrowserModule } from '@angular/platform-browser'; import { NgModule } from '@angular/cor

正如我在<office365的开发者训练营,免费,在微软广州举办>课程里面所讲的, 站在巨人的肩膀上的其中一项就是, 尽量使用别人成熟的框架. 其中也包括了控件框架   abp和52abp都使用了成熟的UI框架. 其中52abp的angular版本使用了ng Zorro框架.   然而一个框架不能涵盖所有东西, ng Zorro框架也同样如此. 比如框架里面的table和select控件就缺少很多功能.   那怎么办? 一个框架不够, 那就上两个框架罗, 两个框架不够那就上三个框架罗.   P

1.导入quickstart-angular项目 2.安装primeng npm install primeng 3.安装@angular/animations npm install @angular/animations 4.安装font-awesome npm install font-awesome 5.配置systemjs.config.js map中增加 'primeng': 'npm:primeng', '@angular/animations': 'npm:@angular/an

ionic3与ionic4最小化插件安装不一样: ionic3安装方法: $ ionic cordova plugin add cordova-plugin-appminimize $ npm install --save @ionic-native/app-minimize@ 并在app.module.ts中 注入依赖: import { AppMinimize } from '@ionic-native/app-minimize'; ...... providers: [ AppMinimi

1.安装ionic3 $ npm install -g ionic@latest 2.创建ionic3项目 $ ionic start myNewProject blank 3.启动ionic3项目 $ cd ./myNewProject $ ionic serve 4.以cordova的方式启动项目 如果代码中使用了Ionic Native代码,要以这种方式启动,不然Ionic Native的部分代码会报错 先安装 ionic cordova platform add browser cord

Ionic3 简介:是一款html5的轻量级手机开发框架,基于angularjs.scss语法,ionic是一个轻量的手机UI库.并直接放弃了IOS 6和Android 4.1一下的版本支持. 安装: 第一步:安装node.js,https://nodejs.org/en/download/. node.js:是一个javascript的运行环境,实质是对Chrome V8引擎进行了封装,提供了相关的API,使得在非浏览器的环境下,V8依然还能够正常运行. 第二步:安装cordova,cordo

本文为原创文章,转载请标明出处 目录 安装 项目结构 常用命令 1. 安装 安装Cordova.Ionic npm install -g cordova ionic 创建一个新项目,有blank.tabs.sidemenu3种样式可选,tutorial.super.conference为官方Demo,aws为AWS Mobile Hub Demo ionic start myApp blank ionic start myApp tabs ionic start myApp sidemenu i

// 安装(失败的话 Mac 尝试使用 sudo,Windows 尝试管理员身份运行 cmd) $ npm install -g cordova ionic // 安装后可以验证一下 ionic cli 版本 $ ionic -version // 创建应用 // cd 到要创建项目的目录,输入以下内容创建ionic项目 // ionic3Demo 是项目名,tabs是模板(默认是tabs,其他还有blank的单页等) $ ionic start ionic3Demo tabs // 安装依赖

1.报错截图: 2.如图因为nodes-module 文件夹中有多余的链接文件导致报错. 3.解决方法:将该链接文件删除即可.

ionic3.0 引入第三方插件 (swiper),方法很多,现详细说明下官方推荐(typings)做法. 1.全局安装Typings 1. npm install -g typings  2.搜索你想要的插件,如 swiper: 1. typings search swiper 搜索结果如下(有3个swiper资源): 1. react-native-swiper dt https://github.com/leecade/react-native-swiper#readme2. swiper

ionic3 项目中遇到安全漏洞 解决办法: https://www.npmjs.com/package/ionic-voricles-obfuscate 安装插件 cordova plugin add ionic-voricles-obfuscate   yarn add --dev javascript-obfuscator or   npm install --save-dev javascript-obfuscator Obfuscate ionic cordova build [ios

总的来说都很顺利,毕竟已经打包成功在手机上面跑起来了,给的两个教程很给力,基本没有误差,照着步骤敲没问题,打包命令有所更新目前已修正,吃一堑长一智下面说下其中遇到的问题:1.第一点是ionic serve这个启动服务时遇到的问题,总是手欠把ionic serve敲成ionic server倒是启动服务屡屡报错,后面突然恍然大悟,于是顺利的启动了服务.2.第二点是打包命令,本来的文档里面的打包命令可能是由于版本比较落后,打包命令运行不成功,后由新打包命令运行不报错.3.第三点是安装Gradle,这

一.创建一个android项目,编写插件功能,并测试ok,这里以一个简单的调用原生Toast.makeText为例. 1.新建android项目 2.编写插件类 package com.plugin.testPlugin; import org.apache.cordova.CallbackContext; import org.apache.cordova.CordovaInterface; import org.apache.cordova.CordovaPlugin; import org

ionic3 通过插件phonegap-plugin-barcodescanner,调用机器硬件摄像头实现扫码功能. 首先当然先了解下 phonegap-plugin-barcodescanner,这个插件. 支持的平台 Android的 iOS版 Windows(Windows / Windows Phone 8.1和Windows 10) Windows Phone 8 黑莓10 浏览器 支持的条码类型 安装 首先,我们在项目中安装这个插件和ionic-native插件: $ ionic c

1:安装一下cnpm用淘宝镜像安装npm install -g cnpm --registry=https://registry.npm.taobao.org 2:使用 cnpm命令安装(全局安装 Angular CLI 脚手架工具)cnpm install -g @angular/cli 3:ng new 项目名称 创建一个项目 ng new my-app 4:进入刚才创建的项目里面启动服务cd my-app cnpm install //安装依赖 ng serve 5:运行ng serve

如何判断是否同一个App 使用Ionic3创建了两个项目demo1.demo2,然后使用同一个JDK,生成了两个不同的keystore证书. 结果在手机端安装的时候,先安装demo1,没有任何替换的提示,直接安装成功.再安装demo2的时候,就会询问是否要版本替换.由于两个demo的代码不同,还会导致安装失败,说“更新包不兼容,需卸载后重装” 判断是否为同一个App,由包名决定.而签名是证明是否为同一个开发者或开发组织. 如果包名和签名一样,就直接覆盖,认为是同一个app 如果包名一样,但签名不

项目中安卓强制更新,当文件下载完.在android 8.0中不能打开apk包. 引入插件报一下错误 import { FileOpener } from '@ionic-native/file-opener'; constructor(private fileOpener: FileOpener) { } ... this.fileOpener.open('path/to/file.pdf', 'application/pdf') .then(() => console.log('File is

在跑一个ionic3项目的时候发现,新建的页面无法被识别,总是报错 cannot find modules '../pages/login/login.modules' 在排除多种可能性后,确定了是因为ionic的懒加载特性受到了影响 而能够影响到这个功能的极有可能是项目下的node_modules文件夹中的包(这里的node_modules是使用cnpm install安装) 因此解决如下: ①删除项目中的node_modules文件夹 ②终端进入项目目录 ③npm install 到了这里,