How to call external class into AngularJS controller

Question

I have a method inside an external javascript class.i'm trying to call that method inside to my controller function.(there is a toggle button in my view,when toggle is checked,i want to call external method)

Controller

myApp.factory('PushClient', ['', function() {

    return PushClient;
}]);

myApp.controller('MainController', function (PushClient,$scope, $rootScope, $http, $window){

$rootScope.toggleSelection = function toggleSelection(event) {

    if(event.target.checked){

      var PushClient = new PushClient();
      PushClient.mypush();
    }else {

    }
  };

}

external PushClient class

class PushClient {
constructor(....){...}
       ............

    mypush(){
        alert("hiiii");
    }
}

See here developer.mozilla.org/en/docs/Web/JavaScript/Reference/Classes — Ananda G
– Ananda G, Commented Jul 11, 2017 at 6:12

Imran Ahmad Shahid · Accepted Answer · 2017-07-11 07:51:20Z

2

you can use like this

Class:

class Client {

   get Name() {
    return this.mypush();
  }
    mypush(){
        return "Imran";
    }

}

Factory :

app.factory('PushClient', [ function() {


  return new Client();

}]);

Angular App :

var app = angular.module("testApp", []);

app.controller("myCtrl",['$scope','PushClient' ,function($scope,PushClient) {

    $scope.products = ["Milk", "Bread", "Cheese",PushClient.Name];


}]);

and HTML file :

<body ng-app="testApp" ng-controller="myCtrl">
    <h1>Hello Plunker!</h1>
     <ul>
        <li ng-repeat="x in products">{{x}}</li>
    </ul>
  </body>

answered Jul 11, 2017 at 7:51

Imran Ahmad Shahid

8229 silver badges33 bronze badges

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

1 Comment

AngularOne Over a year ago

How did you import the file class Client ?

Collectives™ on Stack Overflow

How to call external class into AngularJS controller

1 Answer 1

1 Comment

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

1 Comment

Your Answer

Sign up or log in

Post as a guest

Related