Ionic 2 and ng-model

angular ionic2 angular-ngmodel
atardadi picture atardadi · Dec 27, 2015 · Viewed 10.8k times · Source

I truly feel as an early adopter because Google couldn't find a way to fix my issue :)

I'm somehow getting this error:

Can't bind to 'ng-model' since it isn't a known native property

I don't see @Component in Ionic, so the page is configured like this:

import {Page, NavController} from 'ionic-framework/ionic';
@Page({
  templateUrl: 'app/home/home.html',
  directives: [Select]
})

and my template is this:

<ion-input floating-label>
  <ion-label>Search text...</ion-label>
  <input type="text"  [(ng-model)]="searchInput" />
</ion-input>

I'm using Ionic 2.

Cheers

Answer

Yaron Schwimmer picture Yaron Schwimmer · Dec 27, 2015

In Angular 2, you should use ngModel in the template, and not ng-model.

Related questions

How to convert date into this 'yyyy-MM-dd' format in angular 2

I want to convert current data into 'yyyy-MM-dd' format in .ts file. i template it can easily be done by using data pipe. how to do that in typescript. In template: {{date | date:'yyyy-MM-dd'}} How to convert in this format …

Read More
Component is part of the declaration of 2 modules

I try to build an ionic 2 app. When I try the app in the browser with ionic serve or launch it on an emulator everything works fine. But when I try to build it every time the error ionic-app-script tast: "…

Read More
How to iterate object keys using *ngFor

I want to iterate [object object] using *ngFor in Angular 2. The problem is the object is not array of object but object of object which contains further objects. { "data": { "id": 834, "first_name": "GS", "last_name": "Shahid", "phone": "03215110224", "role": null, "email": "…

Read More