illustrating getters and setters

settings-2.ts

import { Component } from '@angular/core';
import { NavController, NavParams } from 'ionic-angular';

@Component({
  selector: 'page-settings',
  templateUrl: 'settings.html'
})
export class SettingsPage {
  _pomLength: number;
  _shortBreakLength: number;
  _longBreakLength: number;

  constructor(public navCtrl: NavController, public navParams: NavParams) {
    _pomLength = 1500;
    _shortBreakLength = 300;
    _longBreakLength = 1800;
  }
  
  get pomLength(): number {
    return this._pomLength / 60;
  }

  set pomLength(value: number) {
    this._pomLength = value * 60;
  }

  get shortBreakLength(): number {
    return this._shortBreakLength / 60;
  }

  set shortBreakLength(value: number) {
    this._shortBreakLength = value * 60;
  }

  get longBreakLength(): number {
    return this._longBreakLength / 60;
  }

  set longBreakLength(value: number) {
    this._longBreakLength = value * 60;
  }
}