passing Parameter from ASP-Page to Angularjs-module

Question

In an ASP Page I have a AngularJS modules directly applied. The ASP-page get from the server a parameter, that is to be used in the module. Like this (foo is the parameter):

<script>
var myApp = angular.module('myApp', []);

myApp.controller('myController', function($scope ) {
     $scope.foo = @Model.foo;
...

Now I would like to outsource the module in a separate JS file. How can I inject the parameter into the module then?

YD1m · Accepted Answer · 2015-04-15 12:21:24Z

1

Just define parameters in global scope, and use it in angular app.

Index.cshtml:

<!-- this shoud be initialized before angular appplication -->
<script type='text/javascript'>
  window.backendParams = {
    foo: @Model.foo ,
    bar: @Model.bar
  }
</script>

app.js:

myApp.controller('myController', function($scope ) {
     $scope.foo = window.backendParams.foo;
...

edited Apr 15, 2015 at 12:21

answered Apr 15, 2015 at 8:58

YD1m

5,9152 gold badges22 silver badges25 bronze badges

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

1 Comment

YD1m Over a year ago

@bogus, look at answer.

Collectives™ on Stack Overflow

passing Parameter from ASP-Page to Angularjs-module

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