根据条件设置选项文本的格式

Question

我正在尝试根据特定条件设置选项文本的格式。我尝试了几种方法，但似乎没有用。为了解决此问题，我可以使用jquery并根据条件填充选项列表，但尝试这样做而不添加更多代码。任何帮助，将不胜感激。预先感谢。

<option value="fooditem_size1">{{selectedFoodItem.fooditem_size1_name}} 
  <span ng-if="selectedFoodItem.fooditem_size1_price > 0"> + 
       ${{selectedFoodItem.fooditem_size1_price}}
  </span>
</option>

Answer 1

使用三元运算符：

<option value="fooditem_size1">
    {{selectedFoodItem.fooditem_size1_name + 
        (selectedFoodItem.fooditem_size1_price > 0) ? 
          ( ' + $' + selectedFoodItem.fooditem_size1_price ) : "" }}
</option>

<option>元素的唯一允许内容是文本，可能带有转义字符（例如é）。

有关更多信息，请参见

• MDN HTML Reference - <option>