js 拼接的 html 代码中的 angularjs 部分怎样解析？

[Static2015]

使用 layPage 分页后，在 js 文件中拼接 html 代码，代码里用了 angular ，但是到前台显示时解析不了，该怎样解决？(部分代码如下 ) $scope.jobList = re.data;

var nums = 3; // 每页出现的数量 var pages = Math.ceil(re.data.length/nums); // 得到总页数

var thisDate = function(curr){ var str = '

', last = currnums - 1; last = last >= re.data.length ? (re.data.length-1) : last; for(var i = (currnums - nums); i <= last; i++){

                    str += 
                    '<li class="listitem">'+
                    '<div class="clearfix jobtil">'+
                        '<a id="{{job}}" ng-click="doJobInfo()" target="_blank" href="">{{job.jobTitle}}</a>'+
                    '</div>'+

代码拼接完在前台显示时，{{job.jobTitle}}解析不出，，而是在页面直接显示{{job.jobTitle}}，怎么破？？

[guchengf]

$compile

[learnshare]

应该上 directive ，把内容部分作为模板吧