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