AngularJS $compile 获取字符串结果问题?报错

AngularJS 版本：1.3.4

var template = "<div>{{id}}</div>";

var scope = $rootScope.$new(true);
scope.id = '1';

var element = $compile(template)(scope);

var result = element[0].outerHTML;

console.log(result);

想要获取编译链接后的结果

<div>1</div>

<div>{{id}}</div>

var template = "<div>{{id}}</div>";

var scope = $rootScope.$new(true);
scope.id = '1';

var element = $compile(template)(scope);

scope.$apply(); // 能获取到想要的结果，但会报错

var result = element[0].outerHTML;

console.log(result);

有什么好的办法可以处理这个问题吗