AngularJS ng-include in direcive link doesnt work

Question

I have created a directive with link function that contains an element with ng-include. But this element with ng-include doesn't work. Does anyone know why doesn't work?

app.directive('helloWorld', function () {
    return {
        link: function (scope, elem, attrs) {     
            var div = document.createElement('div');
            div.setAttribute('ng-include', "page2.html'");
            elem.append(div);            
        }
    };
});

Answer 1

You added didn't compiled it, after compile it is working.

app.directive('helloWorld',['$compile', function ($compile) {
    return {
        link: function (scope, elem, attrs) {     
            var div = document.createElement('div');
            div.setAttribute('ng-include', "'page2.html'");
            elem.append(div);

            $compile(div)(scope);
        }
    };
}])

Here is link