Why doesn't $Compile compile?

Question

Angular

Such problems have never arisen, now something mysticism has gone

compileScope = $rootScope.$new();
 compileScope.from = from.format('dddd MMMM DD');
                compileScope.to = to.format('dddd MMMM DD');
                compileScope.y = y || null;
                console.log(compileScope);
                var element = $compile(angular.element(
                    '<div class="tooltip-chart">' +
                    '<p>{{from}} - {{to}}</p>' +
                    '<p ng-if="y">USD: <bold style="color: #000000">{{y}}</bold></p>' +
                    '</div>'
                ))(compileScope);

in
outerHTML output: " {{from}} - {{to}}

Answer 1

No "angular.element" needed. $compile compiles html text.