在Angular中将隐藏的表单字段添加到数组

Question

我正在尝试将“隐藏”字段添加到 Angular 中的基本表单（使用 Firebase 作为后端）。提交表单时，我无法弄清楚如何将此字段作为数组的一部分包含在内。我想将{type: 'Basic'} 作为数组的一部分。我查看了该站点上的其他相关帖子，但仍不确定如何适用于我的特定情况。

关于如何做到这一点的任何建议？

Javascript：

myApp.controller('NewProjectCtrl', function ($location, Projects) {
var editProject = this;
editProject.type = 'Basic';  //this is the hidden field
editProject.save = function () {

    Projects.$add(editProject.project).then(function(data) {
        $location.path('/');
    });
};
});

HTML：

<form>
   <div class="control-group form-group">
     <label>Name</label>
     <input type="text" name="name" ng-model="editProject.project.name">
   </div>
   <label>Description</label>
   <textarea name="description" class="form-control" ng-model="editProject.project.description"></textarea>
   <button ng-click="editProject.save()" class="btn btn-primary">Save</button>
</form>

Answer 1

您不需要隐藏表单字段，只需像这样在控制器中提交您的值：

editProject.save = function () {
  editProject.project.type = 'Basic';
  Projects.$add(editProject.project).then(function(data) {
    $location.path('/');
  });
};

您的editProject.project 的所有属性都将被提交，您可能会在开发者控制台中注意到这一点。

---

我会对控制器的结构有所不同.. 这是一个示例（我认为您正在使用 angular-resource，Projects 返回一个资源？）：

myApp.controller('NewProjectCtrl', function ($location, Projects) {
  $scope.project = new Projects({type: 'Basic'});

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

<form ng-submit="save()">
   <div class="control-group form-group">
     <label>Name</label>
     <input type="text" name="name" ng-model="project.name">
   </div>
   <label>Description</label>
   <textarea name="description" class="form-control" ng-model="project.description"></textarea>
   <input type="submit" value="Save" class="btn btn-primary" />
</form>

保存功能将 $save 新的项目资源（这是默认方法，将在给定的资源 URL 上进行 POST）。