angular js:错误:$没有在http文章中定义

我正在尝试从表单中发布值。表单有两个字段-名称和电子邮件。我也设置了控制器，但当我试图张贴，错误显示。

<form name="save" ng-submit="sap.saved(save.$valid)" novalidate>
        <div class="form-group" >
            <input type="text" name="name" id="name" ng-model="sap.name" />
        </div>
        <div class="form-group" >
            <input type="email" name="email" id="email" ng-model="sap.email" />
        </div>
        <div class="form-actions">
            <button type="submit" ng-disabled="save.$invalid || sap.dataLoading">Save</button>
        </div>
</form>

我的控制器是：

(function() {
    angular
        .module('myApp.saved', [])
        .controller('dataController', function($scope, $http) {
            var sap = this;
            $scope.post = {};
            $scope.post.login = [];
            $scope.sap = {};
            $scope.index = '';
            var url = 'save.php';
            sap.saved = function(isValid) 
            {
                if (isValid) 
                {
                    $http({
                      method: 'post',
                      url: url,
                      data: $.param({'user' : $scope.sap }),
                      headers: {'Content-Type': 'application/x-www-form-urlencoded'}
                    })
                    .then(function(response) 
                    {
                            // success
                            alert('success');
                    }, 
                    function(response) 
                    { 
                        // failed
                        alert('failed');
                    });
                }
            };
        });
})();

当我提交时，会显示$is not defined。我的棱角很新。有人能说出我犯了什么错误吗？