如何在Angular JS中单击按钮调用API?

时间:2018-12-24 09:13:36

标签: javascript angularjs

我拥有所有Java文件和一些想要单击按钮以将数据发布到DB中的API。我不知道如何在Angular JS中调用这些API

我已经尝试使用邮递员了。

3 个答案:

答案 0 :(得分:0)

您只需要将$ http服务作为依赖项放置到组件/服务中,然后调用类似的内容

$http.get('phones/phones.json').then(function(response) {
   console.log(response.data);
});

查看本手册https://docs.angularjs.org/tutorial/step_07

答案 1 :(得分:0)

Angularjs具有$ http服务,因此您可以这样做:

您的html:

if re.search(r'...$', 'abcde1234doc').group() in ['doc', 'rtf', 'txt']:

您的控制器:

<input type='text', ng-model='user.username' />
<button ng-click='hitApi(user)'>Hit</button>

答案 2 :(得分:0)

改为使用fetch的最简单方法。

<body ng-app="myApp">
    <div ng-controller="myCtrl">
        <button ng-click="callAPI()">OK</button>
    </div>
    <script>
        angular.module('myApp', []).controller('myCtrl', ['$scope', function($scope) {
            $scope.myFunc = function() {
                fetch(url)
                .then((resp) => resp.json())
                .then(function(data) {
                    console.log(JSON.stringify(data));
                });
            };
        }]);
    </script>
</body>