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。打开控制台时会显示错误。

一些谷歌搜索建议将Angular库更改为非缩小版或更新版本，但我不知道如何更改与ionic一起使用的角度版本。 package.json内的任何内容似乎都不是一个明显的修改候选者。

Answer 1

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

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

使用带有<ion-range>的ngModel会抛出异常

1 个答案: