AngularJs：显示来自 git 或 bower 的版本号

Question

我创建了一个 Angular 应用程序，我想在屏幕上显示我的应用程序的当前版本号。目前我已将其实现为常量：

application
    .constant('constants', {
        VERSION: '1.1.2'
    });

但这需要我在每个新版本上更新常量。 我使用 bower 和 git，我想知道是否有任何方法可以动态地从其中一个包中获取版本号作为变量？

Answer 1

解决方案是使用Gulp 和gulp-ng-constant 插件。它将自动化您的发布工作流程，在 Angular 常量服务中编写您的应用程序版本。

• 安装 Gulp
• 安装 gulp-ng-constant
• 像下面这样编写你的 gulp 任务并运行它gulp constants:

var gulp = require('gulp');
var ngConstant = require('gulp-ng-constant');

gulp.task('constants', function() {
  // get version from bower file
  var bower = require('./bower.json');
  // set version to ng contants
  var constants = { version: bower.version };

  return ngConstant({
      constants: constants,
      stream: true,
      name: 'app.constants'
    })
    // save ngConstant.js to src/app/
    .pipe(gulp.dest('./src/app'));
});

它将为您生成 angular.module，如下所示：

angular.module("app.constants", [])
  .constant("version", "0.0.1")

您需要的最后一步是在您的主应用程序中注入您生成的常量服务：

var app = angular.module('app', ['app.constants']);

您可能也有兴趣使用gulp-bump 任务自动增加您的应用版本，然后再将其添加到 ng-constant 服务。

参见以下教程：Versioning Your Angular Application with Gulp