使用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 = '<ul class="listpos" ng-repeat="job in jobList">', last = curr*nums - 1;
                    last = last >= re.data.length ? (re.data.length-1) : last;
                    for(var i = (curr*nums - nums); i <= last; i++){
                        
                        str += 
                        '<li class="listitem">'+
                        '<p class="clearfix jobtil">'+
                            '<a id="{{job}}" ng-click="doJobInfo()" target="_blank" href="">{{job.jobTitle}}</a>'+
                        '</p>'+

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