Uso de ControllerAs con una directiva

Estoy tratando de seguir la guía de estilo angularJS de John Papaaquí y he comenzado a cambiar mis directivas para usar controllerAs. Sin embargo, esto no está funcionando. Parece que mi plantilla no puede acceder a nada asignado a vm. Vea este ejemplo de plnkr muy simple que exhibe el comportamiento.

http://plnkr.co/edit/bVl1TcxlZLZ7oPCbk8sk?p=preview

angular
    .module('app', []);

angular
    .module('app')
    .directive('test', test);

function test() {
    return {
        restrict: 'E',
        template: '<button ng-click="click">{{text}}</button>',
        controller: testCtrl,
        controllerAs: 'vm'
    }
}

angular
    .module('app')
    .controller('testCtrl', testCtrl);

function testCtrl() {
  var vm = this;
  vm.text = "TEST";
}

Respuestas a la pregunta(4)

Su respuesta a la pregunta