форматировать текст в зависимости от условия

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-справка - <option>