How can I call a function inside an angular expression from another js file

Question

Alright so I have a function that does a rotation of a string call rotateString() in a file call rot-n.js.

How can I access this function to be called on an ng-model in AngularJS to show the encrypted code in my view?

here is my code:

<html ng-app="cipherApp">
<head>
  <title>ROT-N CIPHER</title>
  <script type="text/javascript" src='https://ajax.googleapis.com/ajax/libs/angularjs/1.5.0/angular.min.js'></script>
  <script type="text/javascript" src="rot-n.js"></script>
  <script type="text/javascript" src="app.js"></script>
  <link href='https://fonts.googleapis.com/css?family=Lato'
rel='stylesheet' type='text/css'>
  <link rel="stylesheet" type="text/css" href="style.css">
</head>


<textarea rows="8" cols="45" ng-model="cipher.encryptIn"></textarea>  <input type="number" min="0" max="25" ng-model="cipher.rotN">
<p>{{rotateString(cypher.encryptIn, cypher.rotN)}}</p>

So I found an answer to my question located here: stackoverflow.com/questions/23697493/… thanks! — Eric Stermer
– Eric Stermer, Commented Oct 12, 2016 at 1:37

georgeawg · Accepted Answer · 2016-10-12 15:49:46Z

0

Create a function on scope that invokes the encryption function:

app.controller("myController", function($scope) {
    $scope.rotFn = function (din) {
        var dout;
        rotateString(din,dout);
        return dout;
    };
});

Then use the ng-change directive to invoke the function:

<div ng-controller="myController">
     <textarea rows="8" cols="45" 
         ng-model="cypher.encryptIn"
         ng-change="cipher.rotN=rotFn(cypher.encriptIn)">
     </textarea>  

    <input type="number" min="0" max="25" ng-model="cipher.rotN">
</div>

answered Oct 12, 2016 at 15:49

georgeawg

49k13 gold badges78 silver badges98 bronze badges

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

Comments

Sajeetharan · Accepted Answer · 2016-10-12 01:38:07Z

0

You cannot access that function when you are using another controller, You should go for Factory or Service

or using Event: listen with $scope.$on and you send it with $scope.$broadcast or $scope.$emit

Sample for factory:

angular.module('share',[])
    .factory('dataService', function() {
       var _dataObj = {};
       return {
        dataObj: _dataObj
      };
    })

    .controller('One', function($scope, dataService) {
      $scope.data = dataService.dataObj;
    })

    .controller('Two', function($scope, dataService) {
      $scope.data = dataService.dataObj;
    });

edited Oct 12, 2016 at 1:38

answered Oct 12, 2016 at 1:29

Sajeetharan

223k65 gold badges370 silver badges409 bronze badges

1 Comment

BrTkCa Over a year ago

If the function has of scope exists on and emit to call functions in another controller.

Collectives™ on Stack Overflow

How can I call a function inside an angular expression from another js file

2 Answers 2

Comments

1 Comment

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

Comments

1 Comment

Your Answer

Sign up or log in

Post as a guest

Linked

Related