在链接函数内调用$ observe无法正常工作AngularJS（v1.0.8）

Question

    return {
        restrict: 'AE',
        controller: 'myAwesomeCtrl',
        templateUrl: '/myAwesome.html',
        replace: true,
        link: function (scope, element, attrs) {
            attrs.$observe('attributeName', function (x) {
                scope.setAttrName(x);
            });
        }
    };

Declared inside an ng-repeat and ng-switch:

<div ng-repeat="f in fs">
   <div ng-switch on="f.Name">
      <myDirective attribute-name="{{f.AttributeName}}" ng-switch-when="thisIsTrue"></myDirective>
   </div>
</div>

And amazingly, it does interpolate {{f.AttributeName}} correctly if I access $attrs from the directive's controller.

    $attrs.$observe('attributeName', function (x) {
        $scope.setAttrName(x);  // value of x is 'TheValue'
    });

This can't be expected behavior, can it? v1.0.8

EDIT: I just confirmed it has nothing to do with ng-switch or ng-repeat... It is not working even if the directive is just by itself.

HERE IS THE PLUNKER: http://plnkr.co/edit/p46zuYbFAFCYH394zrUY?p=preview

Answer 1

It's a bug, I filed it with the angular team. I am working on fixing the issue and will submit a pull request.