Angular JS 和 AJAX 发布数据首先点击不起作用

Question

我专注于 Angular JS，并尝试在 ANGULARJS 中使用 AJAX 发布数据，它正在工作，但不是第一次。

在我的 html 按钮中有 ng-click="check()"

这是我的 app.js 代码。

    var app=angular.module("app",[]);
app.controller("control",function($scope){

    $scope.check=function (){
    var mesaj = {
        content: $scope.content,
        flag:"message"
    }
    $.ajax(
    {
        type: 'POST',
        url: 'send.php',
        data: {query: mesaj},
        success: function (result)
        {
            $scope.result=result;
        }
    });
    }
});

我的 send.php 在 echo $content 之后获取数据（内容）

我已经双击按钮来工作 AJAX，但我想第一次工作

Answer 1

由于您没有使用http 服务，

你需要告诉 Angular 变量被修改了。

在你成功后通过$scope.$apply()。

var app=angular.module("app",[]);
app.controller("control",function($scope){

    $scope.check=function (){
    var mesaj = {
        content: $scope.content,
        flag:"message"
    }
    $.ajax(
    {
        type: 'POST',
        url: 'send.php',
        data: {query: mesaj},
        success: function (result)
        {
            $scope.result=result;
            $scope.$apply()
        }
    });
    }
});

Answer 2

注入 $http 并调用一个帖子，它在使用 Angular 发布数据时遵循更好的约定：

 function sendMesaj() {

         $http.post('send.php', mesaj)
            .then(function(result){

                $scope.result=result;

            }, handleError);

        function handleError(response){
            return response;
        }
    }