Binden Sie JSON mit AngularJS beim Laden der Seite an eine HTML-Tabelle

Ich habe einen einfachen Proof-of-Concept, auf dessen Basis ich AngularJS lerne. Der Code zeigt einige JSON-Daten in einer HTML-Tabelle wie folgt an:

HTML:

<div ng-app="myApp">
    <div ng-controller="PeopleCtrl">
        <p>Click <a ng-click="loadPeople()">here</a> to load data.</p>
        <table>
            <tr>
                <th>Id</th>
                <th>First Name</th>
                <th>Last Name</th>
            </tr>
            <tr ng-repeat="person in people">
                <td>{{person.id}}</td>
                <td>{{person.firstName}}</td>
                <td>{{person.lastName}}</td>
            </tr>
        </table>
    </div>
</div>

JS:

var mockDataForThisTest = "json=" + encodeURI(JSON.stringify([
    {
    id: 1,
    firstName: "Peter",
    lastName: "Jhons"},
{
    id: 2,
    firstName: "David",
    lastName: "Bowie"}
]));


var app = angular.module('myApp', []);

function PeopleCtrl($scope, $http) {

    $scope.people = [];

    $scope.loadPeople = function() {
        var httpRequest = $http({
            method: 'POST',
            url: '/echo/json/',
            data: mockDataForThisTest

        }).success(function(data, status) {
            $scope.people = data;
        });

    };

}

Eine Geige ist hier:http://jsfiddle.net/TUJ9D/

Das funktioniert gut; Wenn Sie auf den Link klicken, wird "loadPeople" aufgerufen und der json in die Tabelle gezogen. Ich möchte dies jedoch beim Laden der Seite binden, damit der Benutzer nicht manuell auf den Link klicken muss, um die Daten in der Tabelle anzuzeigen.

Ich habe mich gefragt, wie das am besten geht. Instinct fordert mich auf, die Funktion beim Laden der Seite mit jquery aufzurufen, aber dann weiß ich nicht, ob dies ein guter Ansatz ist oder ob Angular dies besser selbst tun könnte.

Danke Leute.