Angularjs 选择框不会选择值,它将显示选项,但无法选择

Angularjs 选择框不会选择值,它将显示选项,但无法选择,angularjs,angularjs-directive,angularjs-scope,Angularjs,Angularjs Directive,Angularjs Scope,我使用ng选项填充select。在该值中,它给出了一个addon_id(来自json数据),名称为addon_name。但我也有一个变量叫做addon_priceoption(它可以是“免费”或“付费的”),如果它是付费的,我想显示addon_price。。。这适用于以下代码: <div ng-show="group.group_optiontype == 'single'"> <select ng-model="foo1" ng-options="singleAd

我使用ng选项填充select。在该值中,它给出了一个addon_id(来自json数据),名称为addon_name。但我也有一个变量叫做addon_priceoption(它可以是“免费”或“付费的”),如果它是付费的,我想显示addon_price。。。这适用于以下代码:

  <div ng-show="group.group_optiontype == 'single'">
    <select ng-model="foo1" ng-options="singleAddon.addon_name as formattedLabel(singleAddon) for singleAddon in group.addons track by singleAddon.addon_id" name="addon-single" class="form-control-wrapper col-xs-12 col-sm-12 col-lg-12">
       <option value="" ng-hide="foo1">Choose please </option>
    </select>
  </div>
我得到一个包含所有选项的选择框。如果选择有价格,它也会显示价格。但由于某种原因,我现在无法选择一个选项。我可以单击它,但它不会更改,而是保持默认值

当我这样做时:

singleAddon.addon_name for singleAddon in group.addons track by singleAddon.addon_id
在NG选项中,我可以选择选项。。但随着价格的调整我无法选择

为什么会这样?

请注意,在您的代码中

<select ng-model="foo1" ng-options="singleAddon.addon_name as formattedLabel(singleAddon) for singleAddon in group.addons track by singleAddon.addon_id" name="addon-single" class="form-control-wrapper col-xs-12 col-sm-12 col-lg-12">
       <option value="" ng-hide="foo1">Choose please </option>
    </select>

请选择
您正在执行“ng options='singleAddon.addon_name'”,并且已经在formattedLabel函数中返回了名称,而不是对象本身

<select ng-model="foo1" ng-options="singleAddon.addon_name as formattedLabel(singleAddon) for singleAddon in group.addons track by singleAddon.addon_id" name="addon-single" class="form-control-wrapper col-xs-12 col-sm-12 col-lg-12">
       <option value="" ng-hide="foo1">Choose please </option>
    </select>