Question

我正在尝试使用Angular js调用Alchemy REST API。我在js中嵌入了js，我发布了我在下面使用的代码。我正在尝试在HTML页面上显示REST API中的JSON，但我目前没有在页面上获得任何内容。请让我知道我做错了什么？

我是Javascript和Angular js的新手。

HTML代码： -

<!DOCTYPE html>
<!--View-->
<html ng-app="myApp">
<head>
<meta charset="ISO-8859-1">
<title>Using Angular JS</title>
</head>
<body>
    <div data-ng-controller="AngularJSCtrl">
        <input type="text" data-ng-model="name"/>
        Data from server: 
    </div>



<script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.2.0/angular.min.js"></script>
<script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.2.0/angular-resource.min.js"></script>
<script>

    var myApp = angular.module('myApp',[]);

    <!--Service>
    myApp.service('dataService', function($http) {
    delete $http.defaults.headers.common['X-Requested-With'];
    this.getData = function() {
        // $http() returns a $promise that we can add handlers with .then()
    return $http({
        method: 'GET',
        url: 'http://access.alchemyapi.com/calls/text/TextGetTextSentiment',
        params: 'text=I am taking my insurance and I have heard great things abot nationwide, outputmode=json',
        headers: {'Authorization': 'Token token=ee5379eaf38a3e7931f8f4db39984d6efaf2c75c'}
     });
 }
});


    <!--Controller>                                     
        myApp.controller('AngularJSCtrl', function($scope, dataService) {
        $scope.data = null;
        dataService.getData().then(function(dataResponse) {
        $scope.data = dataResponse;
        console.log('The return value is:' + dataResponse);
    });
});

</script>

</body>
</html>

使用Angular JS访问Alchemy Rest API

0 个答案: