AngularJS中的配置文件

前端之家收集整理的这篇文章主要介绍了AngularJS中的配置文件前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。
什么是创建配置文件(类似于.net中的web配置),用于存储url和其他可能在应用程序部署期间变化的常量的最佳方式?
使用.constant()方法
  1. angular.module('app').constant('MONGOLAB_CONFIG',{
  2. baseUrl: '/databases/',dbName: 'ascrum'
  3. });

喜欢在this example

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

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

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

  1. |-js/
  2. | |-app.js
  3. | |-anotherfile.js
  4. | |-...
  5. |
  6. |-env/
  7. | |-dev.js
  8. | |-prod.js
  9. |
  10. |-index.html

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

  1. grunt.registerTask('default',['concat']);
  2.  
  3. grunt.initConfig({
  4. env : process.env.NODE_ENV,src: {
  5. javascript: ['js/*.js'],config: ['env/<%= env %>.js']
  6. },concat: {
  7. javascript: {
  8. src:['<%= src.config %>','<%= src.javascript %>'],dest:'myapp.js'
  9. }
  10. }
  11. });

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

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

  1. var paths = [
  2. 'env/' + process.env.NODE_ENV + '.js','js/**/*.js',];
  3.  
  4. var stream = gulp.src(paths)
  5. .pipe(plugins.concat('main.js'))
  6. .pipe(gulp.dest('/output'));

猜你在找的Angularjs相关文章