AngularJS ng-repeat update does not work
<p>I am new to Angular and I try to Update my Table, made with ng-repeat. But it does not work. </p>

<p>Here is my code:</p>

<pre><code>$scope.customers = function(){
    $http({
        method: "GET",
        url: $rootScope.webApiUrl+"/customers/"+$rootScope.session,
        dataType: "json"
    }).then(function requestSuccess(response){
        $scope.customerData = response.data;
        console.log($scope.customerData);
        $scope.customerDataReady = true;            
    }, function requestError(response){
        if(response.status == 404)
        {

        }
        else if(response.status == 500)
        {
            alert("Database Error");
        }
    });
}

$scope.saveNewCustomer = function(){
    [...]
    $scope.customers();
}


&lt;div ng-controller="customerCtrl" ng-init="customers()"&gt;
    &lt;!--- Space for Javascript ---&gt;
    &lt;script src="module/customer/js/customer.js"&gt;&lt;/script&gt;
    &lt;!--- Javascript End ---&gt;
    &lt;!--- Space for Modals ---&gt;
    &lt;div ng-include="'module/customer/html/customerDetails.html'"&gt;&lt;/div&gt;
    &lt;div ng-include="'module/customer/html/customerAddressNew.html'"&gt;&lt;/div&gt;
    &lt;div ng-include="'module/customer/html/customerNew.html'"&gt;&lt;/div&gt;
    &lt;!--- Modals End --&gt;
    &lt;h2&gt;Customers&lt;/h2&gt;
    &lt;hr&gt;
    &lt;button class="btn" data-toggle="modal" data-target="#customerNew"&gt;&lt;span class="glyphicon glyphicon-plus" aria-hidden="true"&gt;&lt;/span&gt; &amp;nbsp;New Customer&lt;/button&gt;
    &lt;hr&gt;
    &lt;p&gt;List of all Customers&lt;/p&gt;
    &lt;br /&gt;
    &lt;input type="text" ng-model="searchCustomer" class="form-control" placeholder="Search Customer"&gt;
    &lt;br /&gt;
    &lt;div&gt;
        &lt;div ng-if="customerDataReady"&gt;
            &lt;table class="table table-striped table-responsive table-list"&gt;
                &lt;tr&gt;
                    &lt;th&gt;ID&lt;/th&gt;
                    &lt;th&gt;Name&lt;/th&gt;
                    &lt;th&gt;Address&lt;/th&gt;
                    &lt;th&gt;Zip&lt;/th&gt;
                    &lt;th&gt;City&lt;/th&gt;
                    &lt;th&gt;Country&lt;/th&gt;
                    &lt;th&gt;Phone&lt;/th&gt;
                    &lt;th&gt;Mail&lt;/th&gt;
                &lt;/tr&gt;
                &lt;tr ng-repeat="customer in customerData | filter:searchCustomer" ng-click="customerDetails(customer.customerid)"&gt;
                    &lt;td&gt;{{customer.customerid}}&lt;/td&gt;
                    &lt;td&gt;{{customer.name}}&lt;/td&gt;
                    &lt;td&gt;{{customer.address}}&lt;/td&gt;
                    &lt;td&gt;{{customer.zip}}&lt;/td&gt;
                    &lt;td&gt;{{customer.city}}&lt;/td&gt;
                    &lt;td&gt;{{customer.country}}&lt;/td&gt;
                    &lt;td&gt;{{customer.phone}}&lt;/td&gt;
                    &lt;td&gt;{{customer.mail}}&lt;/td&gt;
                &lt;/tr&gt;
            &lt;/table&gt;
        &lt;/div&gt;
    &lt;/div&gt;
&lt;/div&gt;
</code></pre>

<p>I see, that the scope.customerData gets updated correctly, but the Table does not! </p>

<p>Do you have any Ideas how to achieve this?</p>