angularJS指令如何访问从HTML传入的参数？

Question

我有一个angularJS应用程序。

以下是我的HTML模板中的内容：

LoremIpsum: <a-directive aX="99">

这是我的app.js文件中的指令：

app.directive('aDirective',function(){
    return {
        restrict:'E',
        scope: {
            aX: '='
        },
        link: function(scope, element, attrs) {
            console.log('aX = ', scope.aX);
            if (scope.aX == 'foo') 
                scope.contentUrl = 'foo.html';
            else
                scope.contentUrl = 'bar.html';

        },
        template: '<div ng-include="contentUrl"></div>'
    };
});

当我运行此代码时，console.log行显示aX的值未定义。为什么？如何确保它获得传入的值99？