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'
  }];   
}

ここにフィドルのリンクがあります：http://jsfiddle.net/rfTV2/3/

Answer 1

CATはすでに答えを提供していると思います。ng-bind-html の使用方法についての readig を提供しているだけです

1. ng-bind-html ディレクティブ
2. ng-sanitize モジュール
3. $sce サービス

Answer 2

やってみました ？

$sce.trustAsHtml()

あなたの例では、次のようになります（テストされていません）

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