AngularJS $http get text

Question

I need to get a text from file text.log, Here's my code :

  vm.logget = function(){
        $http({
            method: 'Get',
            url: 'text.log'
        })
            .then(function successCallback(response) {
                $scope.logget = response;
                console.log($scope.logget);

            }, function errorCallback(response) {
                console.log(response);
                console.log('error');
            });

    }

text.log :

creating: /asd/ds/das/das-dsss/
creating: /asd/ds/das/das-dsss/
creating: /asd/ds/das/das-dsss/
creating: /asd/ds/das/das-dsss/
creating: /asd/ds/das/das-dsss/

PLunker : http://plnkr.co/edit/g1t4pludTTIAJYKTToCK?p=preview

I don't get anything in succesCallback. Thanks for answers in advance!

you are missing controller as syntax in your plunker ng-controller="FirstCtrl as vm" — user1608841
– user1608841, Commented Aug 17, 2017 at 7:29
also u are using logget twice; one for function and another for variable. Please refer my answer — user1608841
– user1608841, Commented Aug 17, 2017 at 7:34
Using logget twice will work since one is defined on vm and another on $scope. But still it is better to use different varaibles in order to avoid any future discrepancy@Rahul — Vivz
– Vivz, Commented Aug 17, 2017 at 7:38
@vivz absolutely correct; however if you are following controller as syntax then its better to not mess up with $scope unless its actually needed — user1608841
– user1608841, Commented Aug 17, 2017 at 7:45

Sibiraj · Accepted Answer · 2017-08-17 07:34:57Z

1

use ng-controller="FirstCtrl as vm" or change the function to

$scope.logget = function() {
   $http({
       method: 'Get',
       url: 'text.log'
     })
     .then(function successCallback(response) {
       $scope.data = response;
       console.log($scope.data);

     }, function errorCallback(response) {
       console.log(response);
       console.log('error');
     });
}

Working plunker

edited Aug 17, 2017 at 7:34

answered Aug 17, 2017 at 7:30

Sibiraj

4,7968 gold badges37 silver badges59 bronze badges

Sign up to request clarification or add additional context in comments.

2 Comments

user1608841 Over a year ago

you are reassigning $scope.logget in $http response again.

Sibiraj Over a year ago

fixed it @Rahul.

user1608841 · Accepted Answer · 2017-08-17 07:37:20Z

1

Please try following code in your plunker: in HTML :

 <body ng-controller="FirstCtrl as vm">
      <button ng-click="vm.logget();" type="button" class="btn btn-default">Log</button>
          {{vm.loggetData}} <!--See I have changed the Binding variable-->
 </body>

and in Controller :

var app = angular.module('app', ['ui.bootstrap']);
app.controller('FirstCtrl', function($scope, $http) {
     var vm = this;
     vm.logget = function(){
        $http({
            method: 'Get',
            url: 'text.log'
        }).then(function(response) {
               vm.loggetData = response.data;
             }, function(response) {
                console.log(response);
                console.log('error');
            });
      }

});

edited Aug 17, 2017 at 7:37

answered Aug 17, 2017 at 7:31

user1608841

2,4751 gold badge29 silver badges44 bronze badges

Comments

Vivz · Accepted Answer · 2017-08-17 07:45:54Z

1

You have two problems in your code

First you have to use controller as syntax

ng-controller="FirstCtrl as vm"

Second you have to access the data property of your response

 vm.logget1 = response.data;

Working Plunker: http://plnkr.co/edit/cqhzeb4dJoyr7BSP2LAA?p=preview

Note: It is better if you use a different variable for storing your response since logget is already your function name. And also try to avoid $scope if you are using controller as syntax

For more Info on controller as: AngularJs "controller as" syntax - clarification?

edited Aug 17, 2017 at 7:45

answered Aug 17, 2017 at 7:33

Vivz

6,6282 gold badges19 silver badges34 bronze badges

Collectives™ on Stack Overflow

AngularJS $http get text

3 Answers 3

2 Comments

Comments

Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

3 Answers 3

2 Comments

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related