随笔分类 - angular
angular
摘要：首先可以在 app.module.ts 文件中配置。 @NgModule 中的 imports 属性的 IonicModule.forRoot 第二个参数，如下： 也可以在 ion-toolbar 中配置自定义图标，并添加 navPop 属性即可，如下： 如果要禁用某个特定的页面的返回按钮，只需要给
阅读全文
摘要：我觉得有两种方法，都是Angular中的语法，一种是把值当做参数传递，另一种是使用ngModel实现双向绑定 还有一种很少用到的，Js的原生方法：document.getElementById('chartContainer'); 参数传递法 例子：获取input框内容 这里有个独特的地方，直接在i
阅读全文
摘要：1、使用ionic cli创建pipe管道文件 该命令会在src文件夹创建pipes/parse-date/parse-date.ts文件，并且会在pipes文件夹创建pipes.module.ts文件 2、修改parse-date.ts文件（红色部分为生成文件基础上修改的内容） 3、在app.mo
阅读全文
摘要：对于ionic的ion-datetime控件，初始化值的时候，如果指定为new Date()的话，会提示Please provide a valid ISO 8601 datetime format 指定为new Date().toISOString()就不报错了
阅读全文
摘要：创建全局变量ts文件，然后引入 创建globals.ts文件： 在需要全局变量的代码页引入： 然后就可以使用这个变量了： 改良版：创建全局变量ts文件，然后引入 创建globals.ts文件： export const GlobalVariable = Object.freeze({ base_pa
阅读全文
摘要：angular的坑永远都是那么多，当然了，主要还是我太菜~ 基于ngx-translate实现多语言切换这个功能，我又是折腾了很久，下面是我实现的过程： 1、安装ngx-translate 需要安装@ngx-translate/core和@ngx-translate/http-loader，我的问题
阅读全文
摘要：一、从一个页面跳转到另一个页面的方法 1、引入服务 2、初始化 3、跳转页面 二、从一个页面跳转到另一个页面时传递参数的方法 1、接上面的例子，传递参数给新页面： 2、在新页面接收传递的参数，引入NavParams 3、初始化 4、接收上一个页面的参数
阅读全文
摘要：说多了，都是眼泪，折腾了很久，各种百度，查到的例子，全都报错，可能是因为我的angular的版本太高，向下都不兼容？ 我的angular版本为最新的5.2.11： 下面是正确的jsonp请求的方法 1、启用http及jsonp服务 app.module.ts引入服务 import { HttpCli
阅读全文
摘要：var 与 let 都是TypeScript里的变量声明方式 两者非常相似，在语法不存在很大的差异，而在语义上存在很大的区别 块作用域 var有着些奇怪的作用域规则 例如 而 let 的作用域就正常多了 声明 var 多次声明同一个变量，不会报错，只会得到一个变量 上述例子中，所有的x的声明实际上都
阅读全文
摘要：1、使用命令行 #添加android， 如果是ios ，设置ioscordova platform add android #编译成apkionic build #开启cordova run android #添加android， 如果是ios ，设置ioscordova platform add
阅读全文
摘要：例行声明：接下来的文字内容全部来自 Understanding ECMAScript 6,作者是Nicholas C.Zakas,也就是大名鼎鼎的Professional JavaScript for Web Developers（《JavaScript高级程序设计》）的作者。我很喜欢他的写作风格，
阅读全文
摘要：1、安装sqlite和toast插件 npm install --save @ionic-native/sqlite npm install --save @ionic-native/toast 未完待写。。。
阅读全文
摘要：1、安装ionic3 $ npm install -g ionic@latest 2、创建ionic3项目 $ ionic start myNewProject blank 3、启动ionic3项目 $ cd ./myNewProject $ ionic serve 4、以cordova的方式启动项
阅读全文
摘要：使用命令行： $ ionic cordova build android --release 打包android的时候，提示生成失败，原因是没有找到gradle，我的电脑因为安装了Android Studio，内置的有gradle，不过还需要把gradle加入环境变量。 设置GRADLE_HOME为
阅读全文
摘要：添加--flat 参数，表示不创建单独的目录 例如 ng g c news/news-detail 会将文件创建在app/news/news-detail目录下 ng g c news/news-detail --flat 会将文件创建在app/news目录下
阅读全文
摘要：跨域问题的环境： 在本地开发时，使用命令行ng s开启服务，访问地址为http://localhost:4200 假设调用数据接口的服务地址为http://localhost:8088/api/data.action 解决跨域问题的方法： 在angular4项目根目录下创建文件proxy.confi
阅读全文
摘要：安装命令行 npm install -g @angular/cli 检查命令行 ng v 使用这个命令可以检查 angular cli是否安装成功。我检查的时候发现没有安装成功，提示我使用的node.js版本为6.9.2，不支持angular cli v6，至少需要node.js的版本在8.9以上，
阅读全文
摘要：有这么一个问题，在页面内路由页面跳转时，第一次跳入路由页面时是正常的，但是第二次会记住第一次时的状态，有时候并不想这样，想强制更新这个路由页面。 有一种方式就是使用 ui-sref-opts功能，我试了，结果不好使，不知道是哪里出的问题： <a class="item" ui-sref="page1
阅读全文
摘要：一、Angular 路由状态发生改变时可以通过' $stateChangeStart '、' $stateChangeSuccess '、' $stateChangeError '监听，通过注入'$location'实现状态的管理。 代码示例如下： 二、在页面渲染中 可通过' $viewConten
阅读全文
摘要：使用ionic中的ion-slide-box实现，下面是完整的代码示例：
阅读全文
