Question

在ASP页面中，我直接应用了AngularJS模块。 ASP页面从服务器获取一个参数，该参数将在模块中使用。像这样（foo是参数）：

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

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

现在我想将模块外包到一个单独的JS文件中。如何将参数注入模块呢？

Answer 1

只需在全局范围内定义参数，并在角度应用中使用它。

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;
...

将参数从ASP-Page传递给Angularjs-module

1 个答案: