Error when using [(ngModel)]: No value accessor for ''

Need your help guys.

Whenever I’m using [(ngModel)] in my <ion-input> I always receive a No value accessor for '' error.

Here’s my ionic info
> Cordova CLI: 6.1.1
> Ionic Framework Version: 2.0.0-beta.11
> Ionic CLI Version: 2.0.0-beta.32
> Ionic App Lib Version: 2.0.0-beta.18
> OS: Windows 7 SP1
> Node Version: v4.4.3

Thanks

Please share some markup. We’re unable to help without it.

I have same issue my please check topic After Upgrading beta 11 : No value accessor for 'email' error

Sorry not posting my markup.

Here’s my complete HTML file

<ion-header> <ion-navbar favorite> <ion-title>{{header_name}} Preset</ion-title> <ion-buttons end> <button (click)="saveItem()">Save</button> </ion-buttons> </ion-navbar> </ion-header> <ion-content class="add-item"> <ion-list no-lines> <!-- General settings --> <ion-item-divider darkfav>General</ion-item-divider> <!-- Preset name --> <ion-item> <ion-label dark fixed>Preset name</ion-label> <ion-input no-lines clearInput type="text" [(ngModel)]="preset_name" name="preset_name" placeholder="{{preset_name_placeholder}}"></ion-input> </ion-item> <!-- Photo settings --> <div padding></div> <ion-item-divider darkfav>Photo settings</ion-item-divider> <!-- Raw file --> <ion-item> <ion-label dark>Create Raw File</ion-label> <ion-toggle [(ngModel)]="photo_create_raw_file"></ion-toggle> </ion-item> <!-- ISO --> <ion-item> <ion-label dark>ISO</ion-label> <ion-select [(ngModel)]="photo_iso_level"> <ion-option value="0" selected="true">Auto</ion-option> <ion-option value="100">100</ion-option> <ion-option value="200">200</ion-option> <ion-option value="400">400</ion-option> <ion-option value="800">800</ion-option> <ion-option value="1600">1600</ion-option> <ion-option value="3200">3200</ion-option> <ion-option value="6400">6400</ion-option> <ion-option value="12800">12800</ion-option> <ion-option value="25600">25600</ion-option> </ion-select> </ion-item> <!-- Exposure --> <ion-item> <ion-label dark>Shutter Speed</ion-label> <ion-select [(ngModel)]="photo_exposure_level"> <ion-option value="0" selected="true">Auto</ion-option> <ion-option value="1660">1/1000</ion-option> <ion-option value="1607">1/750</ion-option> <ion-option value="1600">1/630</ion-option> <ion-option value="1531">1/500</ion-option> <ion-option value="1500">1/420</ion-option> <ion-option value="1450">1/320</ion-option> <ion-option value="1405">1/250</ion-option> <ion-option value="1300">1/140</ion-option> <ion-option value="1275">1/125</ion-option> <ion-option value="1200">1/80</ion-option> <ion-option value="1145">1/60</ion-option> <ion-option value="1100">1/50</ion-option> <ion-option value="1000">1/30</ion-option> <ion-option value="900">1/15</ion-option> <ion-option value="800">1/10</ion-option> <ion-option value="700">1/5</ion-option> <ion-option value="600">1/5</ion-option> <ion-option value="590">1/3</ion-option> <ion-option value="500">1s</ion-option> <ion-option value="400">2s</ion-option> <ion-option value="200">3s</ion-option> <ion-option value="100">4s</ion-option> <ion-option value="84">5s</ion-option> <ion-option value="50">6s</ion-option> <ion-option value="8">7s</ion-option> <ion-option value="1">8s</ion-option> </ion-select> </ion-item> <!-- Auto white balance --> <ion-item> <ion-label dark>Auto White Balance</ion-label> <ion-toggle [(ngModel)]="photo_awb"></ion-toggle> </ion-item> <!-- Noise reduction --> <ion-item> <ion-label dark>Noise Reduction</ion-label> <ion-toggle [(ngModel)]="photo_noise_reduction"></ion-toggle> </ion-item> <!-- Video Settings --> <div padding></div> <ion-item-divider darkfav> Video Settings </ion-item-divider> <ion-item>Under construction</ion-item> <!-- 4Gb Max File Size --> <ion-item> <ion-label dark>4gb Max File Size</ion-label> <ion-toggle [(ngModel)]="max_limit_4gb"></ion-toggle> </ion-item> </ion-list> </ion-content>

I’ve had a few people mention this since last time, chance are you install angular/forms version 0.3.0. Please check your package.json

You should install 0.2.0

npm install @angular/forms@0.2.2 --save-exact

Hey that fixed it!

Thank you for the assistance :slight_smile:

hey @mhartington i tried your solution but i couldn’t get success to install.
below is the link my topic.

Problem in ngmodel.
config.xml

<?xml version='1.0' encoding='utf-8'?>
<widget id="io.ionic.starter" version="0.0.1" xmlns="http://www.w3.org/ns/widgets" xmlns:cdv="http://cordova.apache.org/ns/1.0">
    <name>NRA_Hybrid</name>
    <description>An Ionic Framework and Cordova project.</description>
    <author email="hi@ionicframework" href="http://ionicframework.com/">Ionic Framework Team</author>
    <content src="index.html" />
    <access origin="*" />
    <allow-intent href="http://*/*" />
    <allow-intent href="https://*/*" />
    <allow-intent href="tel:*" />
    <allow-intent href="sms:*" />
    <allow-intent href="mailto:*" />
    <allow-intent href="geo:*" />
    <allow-navigation href="*" />
    <allow-navigation href="http://*/*" />
    <allow-navigation href="https://*/*" />
    <allow-navigation href="data:*" />
    <platform name="android">
        <allow-intent href="market:*" />
    </platform>
    <platform name="ios">
        <allow-intent href="itms:*" />
        <allow-intent href="itms-apps:*" />
    </platform>
    <preference name="webviewbounce" value="false" />
    <preference name="UIWebViewBounce" value="false" />
    <preference name="DisallowOverscroll" value="true" />
    <preference name="android-minSdkVersion" value="15" />
    <preference name="BackupWebStorage" value="none" />
    <preference name="SplashScreenDelay" value="1000" />
    <preference name="FadeSplashScreenDuration" value="1000" />
    <feature name="StatusBar">
        <param name="ios-package" onload="true" value="CDVStatusBar" />
    </feature>
    <plugin name="cordova-plugin-console" spec="~1.0.3" />
    <plugin name="cordova-sqlite-storage" spec="~1.4.5" />
    <plugin name="cordova-plugin-network-information" spec="~1.2.1" />
    <plugin name="cordova-plugin-x-toast" spec="~2.5.2" />
</widget>

package.json

{
  "dependencies": {
    "@angular/common": "2.0.0-rc.4",
    "@angular/compiler": "2.0.0-rc.4",
    "@angular/core": "2.0.0-rc.4",
    "@angular/forms": "0.2.0",
    "@angular/http": "2.0.0-rc.4",
    "@angular/platform-browser": "2.0.0-rc.4",
    "@angular/platform-browser-dynamic": "2.0.0-rc.4",
    "angular2-moment": "^0.8.2",
    "es6-shim": "^0.35.0",
    "ionic-angular": "^2.0.0-beta.11",
    "ionic-native": "1.2.4",
    "ionicons": "3.0.0",
    "moment": "^2.14.1",
    "reflect-metadata": "^0.1.8",
    "rxjs": "5.0.0-beta.6",
    "socket.io": "^1.4.8",
    "zone.js": "0.6.12"
  },
  "devDependencies": {
    "del": "2.2.0",
    "gulp": "3.9.1",
    "gulp-watch": "4.3.5",
    "http": "0.0.0",
    "ionic-gulp-browserify-typescript": "2.0.0",
    "ionic-gulp-fonts-copy": "^1.0.0",
    "ionic-gulp-html-copy": "^1.0.0",
    "ionic-gulp-sass-build": "^1.0.0",
    "ionic-gulp-scripts-copy": "^2.0.0",
    "run-sequence": "1.1.5"
  }
}