wtz
March 26, 2014, 12:11pm
1
So I’ve tried different methods to make this work and every single on of them is giving me the same issue.
Here is the pen http://codepen.io/wtz/full/pkJtC/
As you can see when you click on an item in the first box, there is a “stacking effect” and a delay on a refresh in the second box. The issue is not apparent when radio-box is drawn through “<input type=“radio”…”.
Is this an “ion-radio” related bug or there is an issue with my implementation?
1 Like
wtz
March 27, 2014, 8:32am
2
OK So I managed to solve the issue by not using ion-radio
. Simple <input type="radio"
solved the problem.
That is hardly a solution.
<ion-radio ng-repeat="foo in foobars" ng-model="answer" value="{{foo.value}}">
{{foo.name}}
</ion-radio>
That should work.
The issue seems that it is using the styling for the radio button group.
<div class='list'>
<label class="item item-input">
<input type="text" placeholder="First Name">
</label>
</div>
Which has a delay on redraw.
I will look into the source to see if something can be done.
Here is a proper solution:
Hi, I have a problem updating the List, first the code:
Controller:
$scope.items = [
{title: 'Title 1', content: 'Content 1'},
{title: 'Title...
It’s a ngAnimate issue.
<div class='fade-in-not-out'>
<ion-radio ng-repeat="foo in foobars" ng-model="..." value="...">
{{foo.name}}
</ion-radio>
</div>
Im having the same issue and its driving me mad.