Ion-range error when loading from toolbar ionic 2 RC2


I get a

Error in ./Navbar class Navbar - inline template:0:32 caused by: Attempted to assign to readonly property.

When I try to load a ion-range inside a ion-toolbar on the header, like so:

  <ion-navbar color="royal">

      Upcoming Events
      <span>Within: {{range}} Mi</span>
      <ion-range color="primary" [(ngModel)]="range" min="2400" max="2500" step="5" snaps="true">
        <ion-icon color="primary" range-left small name="contract"></ion-icon>
        <ion-icon color="primary" range-right name="expand"></ion-icon>


import { Component } from '@angular/core';

import { NavController } from 'ionic-angular';

  selector: 'page-home',
  templateUrl: 'home.html'
export class HomePage {
  range: number;
  constructor(public navCtrl: NavController) {

  ionViewDidLoad() {
    this.range = 2400;


For some reason the error stops if I open the developer tools on safari before I enter the page.

it appears to be a problem not with on-range at all, but with livereload.