Tengo una prueba de concepto simple que estoy usando como base para aprender algo sobre AngularJS. El código muestra algunos datos JSON en una tabla HTML, de la siguiente manera:

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;
        });

    };

}

Un violín está aquí:http://jsfiddle.net/TUJ9D/

Esto funciona muy bien; cuando hace clic en el enlace, llama a 'loadPeople' y el json se coloca en la tabla. Sin embargo, lo que me gustaría hacer es vincular esto cuando se carga la página, para que el usuario no tenga que hacer clic manualmente en el enlace para ver los datos en la tabla.

Me pregunté cuál es la mejor manera de hacer esto? El instinto me dice que llame a la función con jQuery en la carga de la página, pero entonces no sé si ese es un buen enfoque o si Angular podría hacerlo de una manera mejor.

Gracias amigos.