如何在下拉列表中仅存储ID Bootstrap

时间:2015-06-24 19:53:51

标签: angularjs twitter-bootstrap angular-ui-bootstrap ng-options

<div class="form-group">                           
    <label for="title" class="col-sm-2 control-label">Section Id</label>
    <div class="col-sm-10">
        <select ng-model="product.sectionId" class="form-control" ng-options="section.name for section in sections track by section.id">
        </select>
    </div>
</div>

这是我的代码,我通过JSON和sections填充section has id,name对象。我只想在section.id中存储product.sectionId,但它会存储部分ID和名称,如下所示 "sectionId":{"id":"Iron Man","name":"Superman"}。我只想存储id。有没有办法做到这一点。我是bootstrap和angularjs的新手请帮助我。谢谢

1 个答案:

答案 0 :(得分:3)

ng-option更改为

<强>标记

ng-options="section.id as section.name for section in sections"

当您选择任何选项时,这将section.name并选择section.id

Direct From Docs

  

请勿在同一表达式中使用select as和track by。他们不是   旨在合作。