$scope variable not showing in view

I have a json variable, say
var data = {
“boat”: {
“boat_id”: “3”,
“boat_unique_id”: “25789”,
“name”: “testing 25789”,
“location”: “HK”,
“description”: “something”,
“image_cover”: “something”,
“contact_name”: “someone”,
“contact_no”: “123”,
“nightday”: “3”,
“type”: “1”,
“status”: “1”,
“incharge_user_id”: “1”,
“created_at”: “2015-05-30 08:26:14”,
“updated_at”: “2015-05-30 08:26:14”,
“deleted_at”: null,
“price”: “5500”,
“people”: {
“price”: “50”,
“quantity”: “20”,
“min”: “15”,
“max”: “30”,
“food”: “0”,
“food_price”: “50”
}
}
};
$scope.boat = data.boat;
console.log($scope.boat); <- Output 5500

And if i use the following code in view
{{ 'HK$ ’ + price }} in a div
it shows nothing.
Can someone help me?

can u give codepen example?

Sorry, forget to say, it only appears in Android, ionic serve works perfect in desktop browser