【如何将列表页接口数据渲染到页面上? _angular view 】 | IT修真院·坑乎
问题已收录 如何将列表页接口数据渲染到页面上?
我也踩过这个坑( 4 )
已统计您的踩坑,无需重复点击
回答(3)
angular view
详细描述
截图
代码
编辑于2024-11-23
  • [深圳|结业弟子]JS-江雪茜
    0

    html部分

    <tr ng-repeat="list in articleList">
       <td>{{ $index + 1}}</td>
       <td>{{list.title}}</td>
       <td>{{list.type | typeFilter}}</td>
       <td>{{list.author}}</td>
       <td>{{list.createAt | date:'yyyy-MM-dd HH:mm:ss'}}</td>
       <td>{{list.updateAt | date:'yyyy-MM-dd HH:mm:ss'}}</td>
       <td>{{list.status | statusFilter}}</td>
       <td>
           <a href="" type="button" class="btn btn-sm" ng-click="changeShow()">{{list.status | statusChange}}</a>
           <a href="" type="button" class="btn btn-sm" ng-click="addlist(list.id)">编辑</a>
           <a href="" type="button" class="btn btn-sm" ng-click="delete()">删除</a>
       </td>
    </tr>

    js部分

    $http({
     method: 'GET',
     url: '/carrots-admin-ajax/a/article/search',
     params: $scope.params
    }).then (function (response) {
     if (response.data.code == 0){
       $scope.articleList = response.data.data.articleList;

    js获取到后端的数据后,用ng-repeat渲染每一项到html表格中

    编辑于2018-08-18
  • [深圳|结业弟子]JS-孟广旭
    0

    获取到后端数据后,通过ng-repeat把数据渲染出来,获取的数据一般是数字或者是字符串,这时需要使用过滤器,在HTML页面直接使用自定义过滤器把数据展示在页面上。

    编辑于2018-08-25
  • [武汉|结业弟子]JS-刘平
    0

    如果是angular,现在ts文件中定义一个对象用来接受这些数据,然后在html中使用双向数据绑定这个对象就可以了

    编辑于2019-12-28