Question

我已为此页面编写了一个html文件和相应的控制器逻辑，我在控制台中获取数据但该数据未在我的UI中显示

<div id="panelDemo14" class="panel panel-default" ng-controller="NoticeController">


     <div class="panel-heading">Enter Notice here</div>
     <div class="panel-body">
        <tabset>

            <!-- SECOND TAB -->
            <tab heading="Notice List">

                      <div class="panel panel-default" ng-controller="NoticeController "  >
     <div class="panel-body">

显示所有通知。 {{gradeFilter}} {{sectionFilter}}

        <div class="row">
           <div class="col-md-12">
               <div class="box-placeholder">


                      <!-- START DATATABLE 1 -->




                                <div class="panel panel-default  {{ dataLoad }}">
                                                                        <div class="panel-heading">

                                                                             <a ng-mousedown="csv.generate()" ng-href="{{ csv.link() }}" download="test.csv" class="pull-right btn btn-sm btn-info">Export to CSV</a>
                                                                             <div ng-if="gradeFilter" class="panel-title">Classes</div>
                                                                        </div>
                                                                        <div class="table-responsive ">

                                                                           <table ng-table="table.tableParams" export-csv="csv" show-filter="true" class="table table-bordered table-striped">




                                                                               <tr ng-repeat="g in $data ">
                                                                                     <td data-title ="'Topic'" align="center" >{{g.noticeId}}</td>

                                                                                    <td data-title ="'Message'" align="center" >{{g.message}}</td>
                                                                                    <td data-title ="'Sender'" align="center" >{{ g.senderName    }} </td>
                                                                                    <td data-title ="'Date'" align="center" >{{ g.date | cmdate:'dd-MMM-yyyy' }}</td>
                                                                                    <td align="center"><a ui-sref="admin.viewEditnotice({nid : g.noticeId})">View </a></td>
                                                                                 </tr>

                                                                           </table>
                                                                        </div>
                              </div>


               </div>
           </div>



        </div>
     </div>
  </div>

和我的控制器文件

enter code here/* 
 * To change this license header, choose License Headers in Project Properties.
 * To change this template file, choose Tools | Templates
 * and open the template in the editor.
 */
console.log('Notice loaded');

App.controller('NoticeController', ["$scope","$http","$stateParams","Notice","toaster","APISource",function($scope,$http,$stateParams,Notice,toaster,APISource) {
  'use strict';





 $http.get(APISource.currentApiPoint+"/app/notice")
        .success(function(data){

  console.log(JSON.stringify(data))

        })
        .error(function(data)
        {

        });

Answer 1

将您的数据定义为$scope.mydata = data，然后使用ng-repeat使用g in mydata

Answer 2

将AJAX响应设置为控制器模型，如下所示：

$scope.$data = data

如果我在角度js的控制台中获取数据，如何在Ui中显示数据

2 个答案: