Attempting to modify the background of the pane in an Ionic application based on the condition of the ng-class as shown. Changing the condition in the code and refreshing the page manually works correctly, but updating the condition from user input does not have any effect. Since native Angular directives are being used, it is expected that the digest loop should run automatically. What could be causing this issue?
<body ng-app="starter" >
<ion-pane ng-controller= "CardsCtrl" ng-class = " 1 < {{hello || 0}} ?'background1':'background2'">
<ion-header-bar class="bar-stable">
<h1 class="title">Ionic Blank Starter</h1>
</ion-header-bar>
<ion-content scroll = "false">
<div class = "item item-input">
<input type="number" name="" placeholder="Do sometthing awesome Fitz!" ng-model = "hello">
</div>
//Checking ng-model binding here
{{hello}}
</ion-content>
</ion-pane>
</body>