javascript - ngBindHtml がサニタイズされた HTML をレンダリングしない

Question

私は単純なAngularアプリを持っており、ngBindHtmlを使用していくつかのhtmlをページに挿入しようとしています. ただし、注射はしていません。ここに私のHTMLがあります：

<main id="main" ng-bind-html="oreGen | trust"></main>

そして、これが私のAngularアプリです:

angular.module('programApp', ['programApp.controllers','programApp.filters','ngSanitize']);

angular.module('programApp.controllers', [])
  .controller('programController', ['$scope', '$filter', function($scope, $filter){
    $scope.oreGen = '<div class="oreFunction" ng-click="collectFunction(\'parenthesis\', 1)">test text</div>';
    $scope.collectFunction = function(value1, value2){
      alert(value1 + value2);
    };
  }]);

angular.module('programApp.filters', []).filter('trust', ['$sce', function($sce){
  return function(text) {
    return $sce.trustAsHtml(text);
  };
}]);

ページが読み込まれると、メイン要素内には何も表示されません。

ここに codepen があります: http://codepen.io/trueScript/pen/MwbVpO?editors=101

ngBinded されている div が表示されないことがわかります。どうしてこれなの？