Bind Mixed Json to Table in AngularJS

<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml">

    <head>
        <title></title>
        <script src="Scripts/angular.min.js"></script>
        <script>
        var app = angular.module("myApp", []);
        app.controller('MyCtrl', function ($scope)
        {
            $scope.alldata = [
            {
                "_id": 1,
                "name":
                {
                    "first": "John",
                    "last": "Backus"
                },
                "contribs": ["Fortran", "ALGOL", "Backus-Naur Form", "FP"],
                "awards": [
                {
                    "award": "W.W. McDowell Award",
                    "year": 1967,
                    "by": "IEEE Computer Society"
                },
                {
                    "award": "Draper Prize",
                    "year": 1993,
                    "by": "National Academy of Engineering"
                }]
            }];
        });
        </script>
    </head>

    <body ng-app="myApp" ng-controller="MyCtrl">
        <table>
            <tbody ng-repeat="dat in alldata">
                <tr>
                    <td colspan="3">{{dat.name.first}} {{dat.name.last}}</td>
                </tr>
                <tr>
                    <td colspan="3" align="center"><span style="font-weight:bold">Contribution</span></td>
                </tr>
                <tr ng-repeat="cont in dat.contribs">
                    <td colspan="3">{{ cont}}</td>
                </tr>
                <tr>
                    <td colspan="3" align="center"><span style="font-weight:bold">Awards</span></td>
                </tr>
                <tr ng-repeat="aw in dat.awards">
                    <td>{{ aw.award}}</td>
                    <td>{{ aw.year}}</td>
                    <td>{{ aw.by}}</td>
                </tr>
            </tbody>
        </table>
    </body>

</html>