how to call a function on page load in angular service

Question

Below is how my angular app looks like.

(function () {
  "use strict";

angular
    .module("app.core", ['ngRoute']);

}());

Service

(function () {

'use strict';

angular
    .module('app.service')
    .factory('dataService', dataService);

dataService.$inject = ['$http', '$q'];

function dataService($http, $q) {

    var service = {
        create: create,
        read: read,
        update: update,
        remove: remove
    }

    return service;

    function read() {
        return
        $http.get("APIURL")
        .then(success)
        .catch(exception);

        function success(response) {

        }

        function exception(ex) {

        }

    }

  function create() {} 
  function update() {}
  function detete() {}

 }
})`

index.html

  <body ng-app="app.core">
     <div ng-view> </div>
  </div>

On page load, home-template.html is inserted into ng-view.

No clue on below

what would be the right way to call only dataService's read() on page load?

Possible duplicate of Angularjs on page load call function

Kyle
– Kyle

2017-06-21 19:10:20 +00:00
Commented Jun 21, 2017 at 19:10 — Kyle
– Kyle, Commented Jun 21, 2017 at 19:10

Mike Feltman · Accepted Answer · 2017-06-21 17:59:50Z

1

The normal use case is to call the service in the constructor of your controller.

John Papa's style guide has a lot of detailed guidance on this type of architecture and best practices. I'd highly recommend it.

https://github.com/johnpapa/angular-styleguide/tree/master/a1

answered Jun 21, 2017 at 17:59

Mike Feltman

5,1761 gold badge19 silver badges39 bronze badges

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

Collectives™ on Stack Overflow

how to call a function on page load in angular service

1 Answer 1

Comments

Linked

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

Comments

Linked

Related