随笔分类 - 14、Angular与Ionic
1
摘要：1、安装nodejs、npm curl -sL https://deb.nodesource.com/setup_8.x | sudo -E bash - sudo apt-get install -y nodejs 验证 node -v ，npm -v （尝试了其他的安装方法，只有这种可行） 2、
阅读全文
摘要：ionic serve -p 8888 —— 重新指定端口号为8888 serve [options] ............................... 启动本地服务器进行开发测试 dev/testing [--consolelogs|-c] .....................
阅读全文
摘要：Ionic 打包ios的时候，突然报错，提示如下： (node:1157) UnhandledPromiseRejectionWarning: ios-deploy was not found. Please download, build and install version 1.9.2 or
阅读全文
摘要：要求 后台提供的接口，不能让人随便输入个链接就能访问，而是要加入一个token，token是动态的，每次访问的时候判断，有权限并且未过期的时候才可以访问接口。 后台的设计是 在登录的时候，首先要post提交一个请求，根据用户名密码，返回一个动态token，这个token会在服务器保存一段时间。在前端
阅读全文
摘要：1、修改tabs页的图标，关键是 outline 在使用自定义图标的时候，需要修改 /theme/icons.scss 文件，但是如何定义选中前后的分别使用哪个图标呢 定义选中前的状态 .ion-ios-data-outline::before { content: url("../assets/f
阅读全文
摘要：有以下html代码 使用以下两种class设置方式 第一种： .shang{ float: left; height: 100px; } .xia{ float: left; height: 20px; margin-top: -20px; } 第二种： .shang{ float: left; h
阅读全文
摘要：设计妹子给了SVG图片，在开发的时候尺寸不对，颜色也要修改，应当如何解决？ 1、修改大小：在<svg> 标签中修改width、height 属性（默认单位是px）2、修改颜色：在<path> 标签中修改fill 属性，如果没有这个属性，就新增 如下图： 感谢 _Raymond 在评论里指正补充 通过
阅读全文
摘要：如何判断是否同一个App 使用Ionic3创建了两个项目demo1、demo2，然后使用同一个JDK，生成了两个不同的keystore证书。 结果在手机端安装的时候，先安装demo1，没有任何替换的提示，直接安装成功。再安装demo2的时候，就会询问是否要版本替换。由于两个demo的代码不同，还会导
阅读全文
摘要：网上也没有找到直接介绍两者区别的文章，以下都是个人感觉 区别 NavController 和 ModalController 都是打开新页面，但是NavController 是直接将页面放入到原有的页面堆栈中的，而ModalController 是创建一个新的页面堆栈（root nav stack）
阅读全文
摘要：本来的需求： 新建的Ionic项目是Tabs菜单，假设有两个选项卡 A 和 B（从左到右），对应的两个页面的代码完全一样，使用了echarts 插件，并且使用了一个获取页面元素的方法，给自己的一个变量赋值，然后将echarts图写入到这个元素里面。 html中<div id="chartContai
阅读全文
摘要：在Ionic中使用inappbrowser、themeablebrowser 组件打开网页，刚开始是好的，后来不知添加什么插件，导致了安装在手机上以后没有网络访问权限。 尝试了很多，最后才发现，此时，不管代码里用没用到，都要再安装一个http组件才行。 ionic cordova plugin ad
阅读全文
摘要：Ionic的http请求方法，一种是使用Ionic的Native的Http方法，另一种是使用Angular的Http请求方法。 第一种真的是看着文档都实现不了，很奇怪的错（官网文档：https://ionicframework.com/docs/native/http/），不知道缺少了什么，这种方式
阅读全文
摘要：问题 要求在【我的】页面，点击【退出登录】按钮，返回到登录页面。 使用 this.navCtrl.setRoot(LoginPage); 或者 this.navCtrl.push(LoginPage); 方法，会导致登录页的下面也变成了Tabs的选项卡，相当于是在Tabs的View中展示了一个新页面
阅读全文
摘要：需要注意的地方是：在走页面的生命周期以前，会先走构造方法 构造方法只走一次，除非再次创建这个页面。所以如果先push了一个新页面，然后再调用pop()返回到之前的页面，那么是不会走构造方法里面的方法的。这是需要考虑的地方 Ionic页面的生命周期 官网文档链接：https://ionicframew
阅读全文
摘要：我觉得有两种方法，都是Angular中的语法，一种是把值当做参数传递，另一种是使用ngModel实现双向绑定 还有一种很少用到的，Js的原生方法：document.getElementById('chartContainer'); 参数传递法 例子：获取input框内容 这里有个独特的地方，直接在i
阅读全文
摘要：不能调用获取位置的组件Geolocation 这个问题的关键是没有添加 提供者provider 解决办法是在 app.module.ts中添加这个依赖 原创文章，欢迎转载，转载请注明出处！
阅读全文
摘要：隔了一天，才发现是代码写错了 出错的原因是在ts 文件中使用这样的定义 data: [] = ['高新区', '经开区', '其他园区']; 错误在于这个定义的类型，不能是 []，修改成 any就没有问题了 data: any = ['高新区', '经开区', '其他园区']; 醉了 不知道怎么搞的
阅读全文
摘要：service是单例模式的 新增Service类 search.service.ts 新增Service模块 service.module.ts 修改App根模块 app.module.ts 在其他ts文件中使用该Service的方法 原创文章，欢迎转载，转载请注明出处！
阅读全文
摘要：要求 选项卡每切换一次，就加载对应的一个echarts 图，要有一开始的动画效果效果如下： 注意点 1、echarts要想每次都能重新加载，需要移除"_echarts_instance_"属性，否则一切换选项卡，就再也加载不出来了2、在ts 中获取html 页面元素，不能写在构造方法里，应该写在io
阅读全文
摘要：问题 安装npm时，使用npm config set 命令重新设置了变量，但是设置变量时少了个空格，设置错了。使用npm config ls -l 查看环境变量 添加错的这一个，应该如何删除？ 解决 可以不使用npm config delete 的命令，我这个key这么长，它连自动补全功能都没 使用
阅读全文
1