在Angularjs控制器中调用jquery函数

时间:2016-09-02 10:40:46

标签: jquery angularjs

我有一个angularjs控制器。我打电话给一个安静的网络服务。

app.controller('ordersCtrl', function($scope, $http, $filter) {

$scope.fetchOrders = function () {
    var url = "http://localhost:8080/blah/blah";
    // $http({method: 'POST', url : url})

    var data = $.param({"title": "kuldeep"});

    $http({method: 'POST',
            url: url,
            data: data,
            headers: {'Content-Type': 'application/x-www-form-urlencoded'}})
        .success(function(data) {
            console.log(data)
        });
}

我想提交表单数据。所以使用jquery将对象转换为表单数据。但得到错误:

$ is not defined
at Scope.$scope.fetchOrders (ordersModule.js:34)

我应该怎么做才能在控制器中注入jquery。或者任何制作表格数据的替代方案都将受到赞赏。

1 个答案:

答案 0 :(得分:1)

无需使用Jquery param函数使用angular params serializer:

<强> $ httpParamSerializerJQLike 替代$ http params序列化程序,遵循jQuery的param()方法逻辑。序列化程序还将按字母顺序对params进行排序。

from your Vagrantfile, you should be able to run

阅读Angular API文档:==点击我&gt; $httpParamSerializerJQLike