将 ngModel 与 <ion-range> 一起使用会引发异常

Question

我已经开始使用 Ionic v2 和 TypeScript 创建一个应用程序，但是我运行使用 <ion-range> 解决了这个问题。抛出的异常是：No value accessor for ''

我的代码与 http://ionicframework.com/docs/v2/api/components/range/Range/

网页上显示的代码相同

home.ts

@Page({
  templateUrl:"home.html"
})
export class HomePage {
  singleValue: number;
  constructor(private nav: NavController) {
        this.singleValue = 50;
    }
}

home.html

<ion-navbar *navbar>
  <ion-title>
    Ionic 2
  </ion-title>
</ion-navbar>

<ion-content class="has-header">
  <div padding style="text-align: center;">
    <h1>Ionic 2 Test</h1>
    <ion-list>
      <ion-item>
        <ion-range [(ngModel)]="singleValue" danger pin="true"></ion-range>
      </ion-item>
    </ion-list>
  </div>
</ion-content>

这是一个plunker showing the error。打开控制台时会显示错误。

一些 google 搜索建议将 Angular 库更改为未压缩版本或更新版本，但我不知道如何更改与 ionic 一起使用的 angular 版本. package.json 中的任何内容似乎都不是明显的修改对象。

Answer 1

正如 yurzui 提到的，我需要更新版本的 Ionic。该错误是由于文档比发布的测试版更新。几个小时前，发布了 beta 8，解决了我的 Range 组件问题。

http://blog.ionic.io/ionic-2-beta-8-is-live/

将 ngModel 与 <ion-range> 一起使用会引发异常

Using ngModel with <ion-range> throws exception

ionic2

angular