字符串格式 前后台数据对接

前端页面 数据显示

<table class="table b-t b-light">

<thead>

<tr>

<th class="wid-px-20">

<label class="i-checks m-b-none">

<input type="checkbox" ng-model="all"><i></i>

</label>

</th>

<th class="article-center" ng-repeat="t in tableTitle" style="width: {{t.width}}">

{{t.title}}

</th>

</tr>

</thead>

<tbody>

<tr ng-repeat="d in data" id="tr_{{d.id}}">

<td><label class="i-checks m-b-none"><input type="checkbox" ng-checked="all"><i></i></label></td>

<td class="text-ellipsis">

<!--<a href="javascript:void(0)" class="m-l-sm simdatas" ng-click="slideSim(d)">{{d.sim}}</a>-->

<i class="fa fa-plus simdatas" ng-click="slideSim(d)"></i>

<a ng-click="goSub(d.id)" class="m-l-xs">{{d.id}}{{d.title}}</a>

</td>

<td class="article-center">

<span class="text-ellipsis">

<!-- class="yj-level color-w" ng-class="{'yj-level1':d.eg==1,'yj-level2':d.eg==2,'yj-level3':d.eg==3,'yj-level4':d.eg==4}"-->

{{d.publishTime}}

</span>

</td>

<td class="article-center"><span class="text-ellipsis">{{d.ids|splitFilter:d.ids}}</span></td>

<td class="article-center">

<span>{{d.lastScore}}</span>

<progressbar class="progress-xs progress-nomargin pull-right" value="d.lastScore"type="danger"></progressbar>

</td>

</tr>

<tr ng-if="data.length==0">

<td colspan="{{tableTitle.length+1}}" class="text-center">暂无数据</td>

</tr>

</tbody>

</table>

后端请求库表 数据加载 数据组织

$scope.slideSim=function(item) {

$http({

method: 'get',

url: '/api/hotpoint/getHotDocsById',

params: {

'id':item.id,

'flag':false

}

}).success(function (data) {

//console.log(data);

//console.log(item.id);

$scope.simdata = data;

//当前话题下分文章id

//console.log($scope.simdata);

var simhtml = '<tr class="simtr"><td colspan=' + ($scope.tableTitle.length + 1) + '><ul>';

if ($scope.simdata != null) {

for (var i = 0; i < $scope.simdata.length; i++) {

simhtml += '<li><a href=" '+$scope.simdata[i].docUrl+'" target="_blank">' + $scope.simdata[i].title + '</a>'

+ '<span class="text-muted m-l-sm">' + $scope.simdata[i].time+ '</span>'

+ '<span class="text-muted m-l-sm">' + $scope.simdata[i].siteName + '</span></li>';

}

//注意格式

} else {

simhtml += '暂时没有数据';

}

simhtml += '</ul></td></tr>';

angular.element(".simtr").remove();

var clickdom = angular.element("#tr_" + item.id);

if (clickdom.find(".simdatas").hasClass("slide")) {

angular.element(".table .simdatas").removeClass("slide");

} else {

angular.element(".table .simdatas").removeClass("slide");

clickdom.after(simhtml);

clickdom.find(".simdatas").addClass("slide");

}

})

}