使用带有角度和JQuery的配置变量

时间:2015-03-04 13:36:07

标签: c# jquery asp.net angularjs web-config

我有一个主要使用AngularJS的.NET应用程序,但为了让一些东西在IE9上工作,我们有时使用Jquery插件来修复它(例如文件上传)

然后另一方面有一个处理该应用程序的API。但API和应用程序不会在同一个网址上运行,所以作为一个好的做法,我希望有一个地方可以设置所有的URl,因为API可以在哪里找到视频,....

但我该如何处理这一切?

如果我将它们设置在角度侧,则在JQuery之后加载控制器, 所以价值是不确定的。 它无法读取web.config,因为它只是正在加载的普通html文件。所以没有C#的支持。 并且没有找到任何方法通过JQuery加载它。

有关如何执行此操作的任何建议吗?

1 个答案:

答案 0 :(得分:0)

您可以将其设置为基本对象,因此Angular之外的脚本可以使用它。当您需要在应用程序中使用它时,您可以直接要求它或将其设置为常量或使用它创建服务。

例如,

var api = {
  baseUrl: 'www.moo.com/api/v1',
  dogs: '/dogs',
  cows: '/cows'
};
alert('This alert was created prior to angular module declartion with your api: ' + api.baseUrl);


angular.module('myCheeseIsGoodApp', [])
  .constant('apiConstant', api)
  .controller('TestController', ['$scope', 'apiConstant', function($scope, apiConstant){
    $scope.apiConstant = apiConstant;

  }]);

这是一个了解其工作原理的傻瓜。http://plnkr.co/edit/fnqcwHxgxgrZlCpryMiC?p=preview

请记住,这只是向您展示如何使用它的快捷方式,但您可能希望让它更优雅。