AngularJS中的配置文件

什么是创建配置文件(类似于.net中的web配置),用于存储url和其他可能在应用程序部署期间变化的常量的最佳方式?
使用.constant()方法
angular.module('app').constant('MONGOLAB_CONfig',{
  baseUrl: '/databases/',dbname: 'ascrum'
});

喜欢在this example

然后你可以只注入它需要的常量。

您可以为开发或生产定义不同的常数,然后使用Grunt等工具根据环境使用此文件或该文件

让我们假设你有这样的文件夹结构:

|-js/
|  |-app.js
|  |-anotherfile.js
|  |-...
|
|-env/
|  |-dev.js
|  |-prod.js
|
|-index.html

dev.js和prod.js使用不同的值定义相同的.constant()服务。
然后你可以得到正确的文件连接gruntFile像这样:

grunt.registerTask('default',['concat']);

grunt.initConfig({
  env : process.env.NODE_ENV,src: {
    javascript: ['js/*.js'],config: ['env/<%= env %>.js']
  },concat: {
    javascript: {
      src:['<%= src.config %>','<%= src.javascript %>'],dest:'myapp.js'
    }
  }
});

通过运行grunt你会得到一个myapp.js文件包含良好的常量。

编辑:使用Gulp你可以这样做:

var paths = [
  'env/' + process.env.NODE_ENV + '.js','js/**/*.js',];

var stream = gulp.src(paths)
  .pipe(plugins.concat('main.js'))
  .pipe(gulp.dest('/output'));

相关文章

ANGULAR.JS:NG-SELECTANDNG-OPTIONSPS:其实看英文文档比看中...
AngularJS中使用Chart.js制折线图与饼图实例  Chart.js 是...
IE浏览器兼容性后续前言 继续尝试解决IE浏览器兼容性问题,...
Angular实现下拉菜单多选写这篇文章时,引用文章地址如下:h...
在AngularJS应用中集成科大讯飞语音输入功能前言 根据项目...
Angular数据更新不及时问题探讨前言 在修复控制角标正确变...