input not binding to scope variable

[Andy Parker]

Hi, I'm using ionic to create an app and have a problem where the input element is not binding the input to a scope variable.

Here's a screenshot of what I've setup:

However, when I display the scope variable in the console, its empty...
I have got the scope variable "trafficFilter" defined as a scope String at the top of the app page.

Can you help please?

Update: So if I place the "trafficFilter" scope variable in a text element, it does show up. The problem I have is that referencing $scope.trafficFilter does not access the value entered.

[Serhii Kulibaba]

Hello Andy,

Please use the scope variable, based on the Model and it's property in the ng-model attribute. It will allow you to check it's value

[Andy Parker]

Sorry Serhii, I don't fully understand you.

I've placed the "trafficFilter" entry in the ng-model of the input element.

Then, in javascript, in a scope function, I reference it as follows:

console.log($scope.trafficFilter);

This doesn't work....am I doing this incorrectly?

[Serhii Kulibaba]

I meant:

1. Please create a Model "TrafficFilter" with the property "value"

2. Use that Model instead of the simple string for the scope variable "trafficFilter"

3. Use the ng-model property of the input component with the value trafficFilter.value

[Andy Parker]

many thanks for this Serhii, works 100%