php - AngularJS 挿入ページの更新

Question

AngularJS と PHP を使用して MySQL データベースにレコードを追加したいと考えています。レコードは正常に追加されましたが、AngularJS の効果は見られません。つまり、ページは自動的に更新されません。以下は与えられたコードです：

コントローラー:

 $scope.add = function() {
    var elem = angular.element($element);
    var dt = $(elem).serialize();
    //alert($element);
    console.log($(elem).serialize());
    $http({
        method: 'POST',
        url: 'php/add.php',
        data: dt,
        headers: {'Content-Type': 'application/x-www-form-urlencoded'}
    }).success(function(data, status) {
            $scope.status = status;
            $scope.data = data;
            console.log(data);
            data.push(this);
            $scope.products = data; // Show result from server in our <pre></pre> element
    }).error(function(data, status) {
            $scope.data = data || "Request failed";
            $scope.status = status;
        });
  };

index.html

<li ng-repeat="product in products" ng-model = 'products'>
    {{product.description}}|{{product.name}} | <a href='edit.html' ng-click = "edit(product.product_id)">edit</a> | <a href='' ng-click = "del(product.product_id)" ng-hide="isHidden">delete</a>
                <input type="hidden" name="hdnid" ng-model="hdn" value="{{product.product_id}}"/>
                </li>

add.php

<?php
include 'connect.php';
mysql_select_db($database,$con);  
$nm = $_POST['keywords'];
$desc = $_POST['desc'];
$query = "INSERT INTO `product`(`name`,`description`) VALUES ('$nm', '$desc')";
$result = mysql_query($query) OR die(mysql_error()); 
?>

ページを自動的に更新するにはどうすればよいですか?