how to use the get() function in the $http service

Question

I learning the $http service but I am not clear on this regarding the get(). below code doesn't execute demo2.htm. Please check and advise where i made the mistake.

var app = angular.module('myApp', []);
app.controller('urlCtrl', function($scope, $http) {
  $http.get('demo2.htm').then(function(response) {
      $scope.myWelcome = response.data;
  });
});

is the controller even used? if it doesnt execute, the controller might not be loaded — inubs, Jun 28 '16 at 11:46
Default dataType is *"json"* but you are getting a `.htm` file. What are you trying to do with it? Add an error handler for situations like this also — charlietfl, Jun 28 '16 at 11:46
http://stackoverflow.com/questions/25439674/reading-data-from-json-file-in-angularjs — Durgpal Singh, Jun 28 '16 at 11:57
I would like to view another HTML file in the present file using the $http.get() function — vkfjs, Jun 28 '16 at 12:09
I have seen the following website for learning "http://www.w3schools.com/angular/angular_http.asp" — vkfjs, Jun 28 '16 at 12:11

score 0 · Answer 1 · answered Jun 29 '16 at 01:54

0

It seems that the $http service is not what you're looking for if you're trying to access a resource from the same location as your html/js files. One of the following should better suit your situation:

answered Jun 29 '16 at 01:54

pulse0ne

1,032
9
12

score -1 · Answer 2 · edited Jun 28 '16 at 17:00

-1

Try this

var app = angular.module('myApp', []);
app.controller('urlCtrl', [
    '$scope',
    '$http',
    function($scope, $http) {
      $http.get('demo2.htm').then(function(response) {
          $scope.myWelcome = response.data;
      }
}]);

edited Jun 28 '16 at 17:00

I'm Geeker

4,601
5
22
41

answered Jun 28 '16 at 12:55

Alexandr Fedoseev

67
5

Thanks, the same code will run on the w3c tutorial but on my local system showing an issue. – vkfjs Jun 28 '16 at 13:02
Today's welcome message is:

{{myWelcome}}
var app = angular.module('myApp', []); app.controller('urlCtrl', [ '$scope', '$http', function($scope, $http) { $http.get('demo2.htm').then(function(response) { $scope.myWelcome = response.data; } }]); – vkfjs Jun 28 '16 at 13:02
Because you're running it locally, it can't make that request. You can use [http-server](https://github.com/indexzero/http-server) to fix this, and read here how to get started with angular https://docs.angularjs.org/tutorial – Alexandr Fedoseev Jun 28 '16 at 13:40

how to use the get() function in the $http service

2 Answers2

{{myWelcome}}