javascript - Angular.js でコントローラーを別のコントローラーから呼び出す

Question

いくつかの基本事項を理解するのに苦労しています。ここに私が持っている2つのコントローラーがあります：

<form ng-controller="NewList" id="form" ng-submit="submit()">
    <input name="title" ng-model="formData.title" placeholder="{{placeholders.title}}" />
    <button type="submit">Generate</button>
    <p ng-show="loading == 1">Loading...</p>
    <p ng-show="loading == 2">Response: {{response}}</p>
</form>

<div id="lists" ng-controller="GetLists">
    <ul>
        <li ng-show="loading">Loading...</li>
        <li class="list" ng-repeat="list in lists">
            <b>{{list.id}}</b> : {{list.title}}
        </li>
    </ul>

</div>

JS:

function NewList($scope, $http) {
    $scope.formData = { };
    $scope.placeholders = { "title" : "List title" };
    $scope.loading = 0;
    $scope.submit = function() {
        $scope.loading = 1;
        $http.post(window.apiBase + 'lists/create', this.formData)
            .success(function(response) {
                $scope.response = response;
                $scope.loading = 2;
            });
    }
}
function GetLists($scope, $http) {
    $scope.loading = true;
    $http.get(window.apiBase + 'lists/all').success(function(response) {
        $scope.lists = response.lists;
        $scope.loading = false
    });
}

私が達成しようとしているのは、フォームの送信時にリストを更新することです。つまり、 が.success()ヒットしたらNewList、呼び出しGetListて、もう一度発生させます。どうすればこれを達成できますか?