Пожалуйста, помогите мне, Как мы можем заставить AngularJS компилировать код, сгенерированный директивой?

Вы даже можете найти тот же код здесь,http://jsbin.com/obuqip/4/edit

HTML

    {{names[0]}} {{names[1]}}
    <br> 
    <br> 
    <br>Click Me

Javascript

var components= angular.module('components', []);
components.controller("myController",
    function ($scope) {
        var counter = 1;
        $scope.names = ["Number0","lorem","Epsum"];
        $scope.clicked = function() {
            $scope.names[0] = "Number" + counter++;
        };
    }
);

// **Here is the directive code**
components.directive('helloWorld', function() {
    var directiveObj =  {
        link:function(scope, element, attrs) {
            var strTemplate, strUserT = attrs.myUsername || "";
            console.log(strUserT);
            if(strUserT) {
                strTemplate = " Hello" + "{{" + strUserT +"}} " ;
            } else {
                strTemplate = "Sorry, No user to greet!" ;
            }
            element.replaceWith(strTemplate);
        },
        restrict: 'E'
    };
    return directiveObj;
});