Javascript 如何在Angular select with ng选项中添加HTML实体

我的问题在某种程度上与之相关，尽管略有不同

我想要实现的是，使用

ng选项

从传递给

select

的字符串中解析HTML实体。鉴于这些数据：

$scope.myOptions = [{
   text: '10.00 €',
   val: 10
},{
   text: '25.00 €',
   val: 25
},{
   text: '50.00 €',
   val: 50
}];

此模板：

<select class="form-control" ng-model="desiredAmount" 
        ng-options="opt.val as opt.text for opt in myOptions">
</select>

---

但是第一个空选项的出现会产生另一个问题，这就是为什么我要坚持使用

ng option

方法，并且在任何情况下，我想知道在使用

ng option

使用$sce格式化欧元符号时，是否有可能解析字符串

在HTML中：

  <select>
      <option ng-repeat="opt in myOptions" ng-bind-html="htmlAdText(opt.text)">{{opt.text}}</option>
  </select>

不要忘记将$sce注入控制器

---

关于欧元问题，您也可以使用过滤器显示值。此过滤器是货币，并将所有值以以下格式放置：$0.00。此外，您还可以更改货币符号

您可以这样做：

{{opt.val | currency:"€"}}

您可以在此处找到更多信息：

---

如果您首先只需要一个空选项，您可以在ng repeat no之前添加一个空选项元素？

  $scope.desiredAmount = $scope.myOptions[0].text;

  $scope.htmlAdText = function(text){
    return $sce.trustAsHtml(text);
  }

{{opt.val | currency:"€"}}