美文网首页ionic2
[Ionic 2从入门到精通] 译者注

[Ionic 2从入门到精通] 译者注

作者: 老牛啃码 | 来源:发表于2018-05-21 16:30 被阅读24次

译者于2017-5-2日看完全书,基本跑通所有代码,除IBM PouchDB部分外。

译者的 ionic info 如下:

cordova cli:6.5.0
Ionic CLI Version:2.2.3
Ionic App Lib Version:2.2.1
os:Windows 7
Node Version:v6.9.4

当前版本与作者成书版本有所不同。
例如作者成书的时候plugin皆以new关键字新建实例来使用,而译者学习的时候使用的版本则是以service的方式直接注入到需要用到类的constructor中去使用;
例如,以下代码来自-- 第七课:整合本地通知与社交分享

import { Component } from '@angular/core';
import { Platform } from 'ionic-angular';
import { HomePage } from '../pages/home/home';
import { LocalNotifications } from 'ionic-native';

@Component({
    template: `<ion-nav [root]="rootPage"></ion-nav>`
})
export class MyApp {
    rootPage = HomePage;

    constructor(platform: Platform) {
        platform.ready().then(() => {
            if(platform.is('cordova')){
                LocalNotifications.isScheduled(1).then( (scheduled) => {
                    if(!scheduled){
                        let firstNotificationTime = new Date();
                        firstNotificationTime.setHours(firstNotificationTime.getHours()+24);

                        LocalNotifications.schedule({
                            id: 1,
                            title: 'Snapaday',
                            text: 'Have you taken your snap today?',
                            at: firstNotificationTime,
                            every: 'day'
                        });
                    }
                });
            }
        });
    }
}

但是译者使用的最新版本里面应该是这样去用的:

import { Component } from '@angular/core';
import { Platform } from 'ionic-angular';
import { HomePage } from '../pages/home/home';
import { LocalNotifications } from '@ionic-native/local-notifications';

@Component({
    template: `<ion-nav [root]="rootPage"></ion-nav>`
})
export class MyApp {
    rootPage = HomePage;

    constructor(platform: Platform,public localNotification:LocalNotification) {
        platform.ready().then(() => {
            if(platform.is('cordova')){
                this.localNotification.isScheduled(1).then( (scheduled) => {
                    if(!scheduled){
                        let firstNotificationTime = new Date();
                        firstNotificationTime.setHours(firstNotificationTime.getHours()+24);

                        this.localNotification.schedule({
                            id: 1,
                            title: 'Snapaday',
                            text: 'Have you taken your snap today?',
                            at: firstNotificationTime,
                            every: 'day'
                        });
                    }
                });
            }
        });
    }
}

注意LocalNotification的使用方式以及导入方式。

又如,所有的native api都已分包,具体可以参考官方文档用法。

用到的一些名词:(更新与2017/5/15)

  • default 默认
  • handler 操作器(由于昨天读文章看到一般翻译为:句柄,所以才会有这里的名词约定)
  • method:方法
  • function:函数
  • native:本地,从3.4开始翻译为【本机】,前面的翻译有空在核对
  • local:本地(会有备注和上面的进行区分)
  • functionality:功能
  • feature:特性
  • item:条目,列表项
  • provider:提供者
  • property,attribute:属性(很难区分)
  • helper:助手,助理
  • instance:实例
  • object:对象
  • build:构建
  • subscribe:订阅(针对Observable)
  • splash screen:闪屏,启动画面(有更好的翻译请告诉我)

译者当前学习完后的可用代码在此,仅限与代码部分:

source_code:ionic v3.1.1

相关文章

  • [Ionic 2从入门到精通] 译者注

    译者于2017-5-2日看完全书,基本跑通所有代码,除IBM PouchDB部分外。 译者的 ionic info...

  • Ionic 2从入门到精通

    由于近日Gitbook升级, 在Gitbook翻译的两本书最近没有浏览量了, 所以近期打算搬运到这里来。 Ioni...

  • [Ionic 2从入门到精通] 结束

    如果你挺过来了整个课程(或者没有挺过来),我会给你一个大大的... 谢谢! 不仅是因为在这学习HTML5移动应用开...

  • Ionic 2从入门到精通:目录

    目录 1 介绍 欢迎! 更新日志 新概念 2 Ionic 2 基础 第一课:生成一个Ionic 2应用 第二课:剖...

  • [Ionic 2从入门到精通] 2.5 类

    上一个部分我们详细了解了什么是装饰器。概括起来就是类定义上面那一小段代码,声明这个类是什么、这个类需要什么、以及这...

  • [Ionic 2从入门到精通] 5.3 布局

    我发现制作一个应用最好从基础布局开始 -- 他基本可以看作是线图联系,帮助固化应用的需求。我们这个应用的布局没啥特...

  • [Ionic 2从入门到精通] 2.8 导航

    如果你有Ionic 1或者Angular 1的背景,那么你以前应该处理过URL,状态等之间的路由导航。Ionic在...

  • [Ionic 2从入门到精通] 3.8 总结

    恭喜你完成了Quick Lists学习指南了。这对入门者小试牛刀来讲是在合适不过的一个选择了,我们通过他学习到了:...

  • [Ionic 2从入门到精通] 2.6 模板

    模板,个人认为是Ionic 2中最有趣的东西。也是框架能力厉害的地方。看看下面的代码: 上面代码在没有额外样式的情...

  • [Ionic 2从入门到精通] 6.9 总结

    恭喜你完成了Camper Mate的制作教程。在开发过程中,我们学习到了很多东西,主要是以下几个: 创建表单和获取...

网友评论

    本文标题:[Ionic 2从入门到精通] 译者注

    本文链接:https://www.haomeiwen.com/subject/ozqqjftx.html