I have a list, where I use ng-repeat to go through an object collection that looks something like this:
$scope.PMStatuses = {};
$scope.PMStatuses["Status1"] = { status: "Status1" };
$scope.PMStatuses["Status2"] = { status: "Status2" };
$scope.PMStatuses["Status3"] = { status: "Status3" };
This is in the controller, and now the view looks something like this:
...
<ons-list>
<ons-list-item ng-repeat="taskstatus in PMStatuses" modifier="tappable" ng-click="SelectStatus(taskstatus .status);">
{{taskstatus .status}}
</ons-list-item>
</ons-list>
...
Whenever I bring up the view, and bring up this list, I don't see the actual status values being displayed, but {{tstatus .status}} for every item. However, if I tap them, I can see that the right item is being selected.
This only happens on iOS. Android and the web browser display it correctly.
Here's a screenshot:
