angularjs - AngularJS で補間を含むディレクティブを再適用する方法

Question

スライドイン用の簡単なアニメーション ディレクティブがあるとします。

directives.directive('slideIn', function () {
    return {
        compile:function (elm) {
            $(elm).css('padding-left', '200em');
            return function (scope, elm, attrs) {
                $(elm).animate({ 'padding-left':'0em'}, 500);
            };
        }
    };
});

そしてhtml：

<div slide-in>foo</div>

よく働く。

ここで、html が Angular 補間を使用しているとしましょう:

<div slide-in>{{foo}}</div>

これは、scope.foo の値の最初の変更では機能しますが、それ以降の試行では機能しません。

質問: 変更ごとにディレクティブを再適用する方法は?

これを時計とのリンク機能に入れるのが道のりのようです...