My controller defines an object as shown below:
$scope.data = {};
$scope.data.student = {name:"Brandon"};
While working on the view, I encountered an issue with accessing the name value using dot notation:
<span>{{data.student['name']}}</span> <!-- this works -->
<span>{{data['student'].name}}</span> <!-- this works -->
<span>{{data.student.name}}</span> <!-- this does not work -->
I am not sure if this is normal behavior or if there might be a bug in the code. Can someone shed some light on this?