从angularjs中的下拉列表中选择时将值设置为表单字段

Question

我有一个下拉（选择）框，其中包含应用程序列表。下拉菜单将显示应用程序名称。 这就是它的填充方式。

1. 我的表单（QuestionForm）有一个<Application>.的列表

   1. Application 是一个有两个变量的类。 [id(application id) & applicationName]

   2. 我使用 ng-option 填充选择框的标签。以下是使用的代码。

<li><span>Application:</span> <span><select ng-model="**questionForm.applicationId**"
ng-options="application.applicationName for application in questionForm.applicationList track by application.id"
ng-init="select = 0" required="required">
  <option value="">-- select -- </option>
</select></span>

在从下拉列表中选择应用程序时，我希望 id 值将存储到 questionForm 的 applicationId 字段中。但相反，它将整个 Application 对象存储到 applicationId 字段。

我浏览了几个讨论类似主题的线程。由于我对 angularjs 很陌生，因此无法从其中接受的答案中弄清楚。

这就是它的填充方式。

我希望它是 "applicationId:"AID_1""

Answer 1

你试过了吗

application.id as application.applicationName for application in questionForm.applicationList...

像这样：

<li>
  <span>Application:</span> 
  <span>
    <select ng-model="**questionForm.applicationId**" ng-options="application.id as application.applicationName for application in questionForm.applicationList track by application.id" ng-init="select = 0" required="required">
      <option value="">-- select -- </option>
    </select>
  </span>
</li>

希望对你有帮助。