0

Angular js を使用して Alchemy REST API を呼び出そうとしています。js を HTML に埋め込んでおり、使用しているコードを以下に投稿しました。REST API から JSON を HTML ページに表示しようとしていますが、現在ページに何も表示されません。私が間違っていることを教えてください。

私は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>
4

0 に答える 0