使用 Angular JS 将 UUID/GUID 输入到表单的文本输入中

Question

我正在为最终用户创建一个带有多个输入选项的表单，但我希望使用一个输入作为 UUID/GUID。

这是我目前所拥有的模块 (project.js)：

angular.module('project', ['ngRoute', 'firebase'])

.value('fbURL', 'https://private.firebaseio.com/')

.factory('Projects', function($firebase, fbURL) {
  return $firebase(new Firebase(fbURL));
})

.config(function($routeProvider) {
  $routeProvider
    .when('/', {
      controller:'ListCtrl',
      templateUrl:'list.html'
    })
    .when('/edit/:projectId', {
      controller:'EditCtrl',
      templateUrl:'detail.php'
    })
    .when('/new', {
      controller:'CreateCtrl',
      templateUrl:'detail.php'
    })
    .otherwise({
      redirectTo:'/'
    });
})

.controller('ListCtrl', function($scope, Projects) {
  $scope.projects = Projects;
  $scope.project = { trackid: 'UUID' };
})

.controller('CreateCtrl', function($scope, $location, $timeout, Projects) {
  $scope.project = { trackid: 'UUID' };  
  $scope.save = function() {
    Projects.$add($scope.project, function() {
      $timeout(function() { $location.path('/'); });
    });
  };
})

.controller('EditCtrl',
  function($scope, $location, $routeParams, $firebase, fbURL) {
    var projectUrl = fbURL + $routeParams.projectId;
    $scope.project = $firebase(new Firebase(projectUrl));

  $scope.destroy = function() {
      $scope.project.$remove();
      $location.path('/');
    };

  $scope.save = function() {
      $scope.project.$save();
      $location.path('/');
    };

  $scope.project = { trackid: 'UUID' };
});

这是我的表单输入（在我的 detail.php 文件中）：

<form name="myForm">
  <label>Track ID</label>
  <input type="text" name="trackid" ng-model="project.trackid" disabled>

如您所知，在此示例中，我只是在我实际想要插入 UUID 的位置插入文本“UUID”。但是，我似乎无法弄清楚如何在其中插入将生成此 UUID 的函数。任何帮助将不胜感激！谢谢！

Answer 1

如果您有一个返回所需值的函数，您可以这样做：

function getUUID(){
  var result = /* parse value */
  return result;
}

$scope.project ={ trackid: getUUID() };

DEMO