小编sim*_*nxy的帖子

http://jsfiddle.net/xKU5R/

在上面的例子中,我期望从ng-repeat(ng-bind-html-unsafe)中获取具有相同行为的cls类的元素,并显式设置一个.

<div ng-app="appp">
  <div ng-controller="Ctrl">
    <ul>
      <li ng-repeat="r in data" ng-bind-html-unsafe="r.alink"></li>
    </ul>
    <div class="cls">External</div>
  </div>
</div>

function Ctrl($scope) {
    $scope.data = [
        {alink: '<span><a class="cls">One</a></span>'},
        {alink: '<span><a class="cls">Two</a></span>'}
    ];
}

angular.module('appp', [])
.directive('cls', function() {
    return {
        restrict: 'C',
        replace: true,
        scope: true,
        link: function(scope, element, attrs) {
            element.bind('click', function() {
                alert('Aha!');
            });
        }
    }
});

我想知道我在这里做错了什么？