Question

我在这里有一个来自mongodb的名为章节的示例文档：

{_id:5c014c999cc48c3b0057988b, chapter_name:"AB"}

控制器：这是我获取章节的功能，并将其发布到另一个数据库的功能：

.controller('regCtrl', function($http, $location, $timeout, User, Bloodbankchapter) {
    Bloodbankchapter.getBloodbankchapters().then(function(data) {        
        app.bloodbankchapters = data.data.bloodbankchapters;                 
    });

this.regUser = function(regData) {
    User.create(app.regData).then(function(data) {});
};

然后在我的前端进行注册：

 <form name="regForm" ng-submit="register.regUser(regData); ">
    <label>Chapter Name</label> <!--After I select the chapter name -->
    <select ng-model="register.regData.branch" ng-options ="chapter._id as chapter.chapter_name for chapter in register.bloodbankchapters">
    <option ng-repeat="chapter in register.bloodbankchapters" >{{chapter.chapter_name}}</option>
    </select>

    <label>Chapter ID</label> <!--chapter ID will appear here-->
    <input type="text" ng-model="register.regData.branch_id" hidden>

    <label>Chapter name</label> <!--How to make chapter name appear here?-->
    <input type="text" ng-model="register.regData.branch_name" hidden>
    <button ng-disabled="register.disabled" type="submit">Submit</button>
</form>

我的问题是，在选择章节名称后，第二个输入是正确的，并且将ID输入到db中，但是如何获取Chapter.name并将其发送到db中呢？

我尝试从选择框中获取文本值，然后将其附加到此处的文本框：http://jsfiddle.net/kxqJN/，但是当我注册时，正在注册对象ID，而不是这样的Chapter_name：

`{branch_id:5c014c999cc48c3b0057988b, branch_name:"5c014c999cc48c3b0057988b"}`

如何在第一个框中显示名称，在第二个框中显示ID？

Answer 1

我敢打赌，您没有尝试我在注释中建议的内容：chapter.chapter_name for chapter in register.bloodbankchapters track by chapter._id将使您在模型中同时拥有两个值：

angular.module('selectExample', [])
  .controller('ExampleController', ['$scope', function($scope) {
    $scope.register = {
      regData: {
        branch: {},
      },
      bloodbankchapters: [
        {_id:'5c014c999cc48c3b0057988b', chapter_name:"AB"},
        {_id:'5c014c999cc48c3b0057988c', chapter_name:"A"},
      ],
    };
  }]);

<script src="https://cdnjs.cloudflare.com/ajax/libs/angular.js/1.7.5/angular.min.js"></script>
<div ng-app="selectExample" ng-controller="ExampleController">
  <select ng-model="register.regData.branch" ng-options ="chapter.chapter_name for chapter in register.bloodbankchapters track by chapter._id">
    <option ng-repeat="chapter in register.bloodbankchapters" >{{chapter.chapter_name}}</option>
  </select>
  <div>{{register.regData.branch}}</div>
</div>

Answer 2

尝试这种方式，您将在 register.regData.branch

中获得选定的章对象

<select ng-model="register.regData.branch" ng-options ="chapter as chapter.value for chapter in register.bloodbankchapters">

如何从ng-model获取和发布2个对象？

2 个答案: