Question

当"--Weight--"为空时，下面的选择列表显示空行而不是默认值product.weightUnitMeasureCode。

<select ng-model="product.weightUnitMeasureCode">
    <option value="">-- Weight --</option>
    <option ng-repeat="unitMeasure in unitMeasures |filter:unitMeasure.isSize='false'" value="{{unitMeasure.unitMeasureCode}}">{{unitMeasure.name}}</option>
</select>

当product.weightUnitMeasureCode为空时，有没有办法让列表显示默认选项？我已尝试将默认选项的值更改为以下内容，但它无法正常工作。

value="null"
value=null

Answer 1

就angular version of select而言，你看起来方向错误。

尝试： -

<select ng-model="product.weightUnitMeasureCode" 
        ng-options="unitMeasure.code as unitMeasure.name for unitMeasure in unitMeasures | filter:unitMeasure.isSize==false">
   <option value="">-- Weight --</option>
</select>

^{我不确定您的数据模型中是否有一个名为代码的字段，但您可以根据您的模型进行调整。}

如果你想在静态列表中过滤掉unitMeasure.isSize的那些，那么你应该只在控制器本身过滤它们并仅绑定所需的列表。

角度选择显示空ng模型值的默认值

1 个答案: