javascript - ng-bind-html 不适用于 ng-options

Question

我需要清理选项中的特殊字符，但它无法正常工作。也许任何人都可以告诉我应该如何正确地做到这一点？

例如:

HTML:

<div ng-controller="Ctrl">
    <select id="limitType" name="limit" ng-model="selectedLimit" ng-options="limit.text for limit in limits" ng-init="selectedLimit='5'" ng-bind-html="limit.text"></select>
<div>

JS:

var app = angular.module('app', ['ngSanitize']);

function Ctrl($scope) {
  $scope.limits = [{
    text: 'Afficher ™ par page'
  }, {
    text: 'Afficher 10 par page'
  }, {
    text: 'Afficher 15 par page'
  }, {
    text: 'Afficher 20 par page'
  }];   
}

这是 fiddle 上的链接:http://jsfiddle.net/rfTV2/3/

Answer 1

您有三个选择。

1. 您可以直接在源代码中包含 unicode 字符
2. 你可以convert the html entities to unicode in the browser using JavaScript
3. 或者您可以 fall-back to ng-repeat and use ng-bind-html on your option tag .