Angular JS和AJAX发布数据无法首次点击

时间:2017-04-18 17:11:06

标签: javascript php jquery angularjs ajax

我专注于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,但我想第一次工作

2 个答案:

答案 0 :(得分:0)

由于您未使用http服务,

你需要告诉角度变量被修改。

在你成功之后做$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()
        }
    });
    }
});

答案 1 :(得分:0)

注入$ http并调用帖子,当使用angular发布数据时,它遵循更好的约定:

$events->render()