我只是想在角度js中的某些动作上加载一个特定的div

时间:2017-10-05 05:38:25

标签: angularjs

我只想在角度js中的某些动作上加载特定的div。

<div class="row">
  <div class="col-md-12">
    <div id = "div_1" class="table-responsive" ng-controller="usercontroller" ng-init="displayData() ">
      <table class="table table-hover table-bordered">
        <thead align="center">
          <tr>
            <th>Service Request Number</th>
            <th>Name of service request</th>
            <th>Date of request</th>
            <th>Closure date</th>
            <th>Current state</th>
            <th>Current owner</th>
            <th>Link to share point folder</th>
            <th>Schedule variance</th>
            <th align="center">Details</th>
          </tr>
        </thead>
        <tbody>
          <tr ng-repeat="x in service track by $index">
            <td><span ng-bind="x.id"></span></td>
            <td><span ng-bind="x.sales_force_id"></span></td>
            <td><span ng-bind="x.submission_date"></span></td>
            <td><span ng-bind="x.closure_deadline"></span></td>
            <td><span ng-bind="x.item_status"></span></td>
            <td></td>
            <td></td>
            <td></td>
    $scope.displayData = function()
        {
        alert($scope.firstRole);
        alert("nishant singh");

        if(empIVal == 1 && $scope.firstRole == 'Initiator' ){
                alert("i am a initiator");
                $http.get("commonGet.jsp?sqlStr=select * from service_request.service_request_data where emp_id="+empHidVal+ " order by id desc")
                .then(function(response){
                                $scope.service = response.data;



        });
        }

这里我想在调用div并且返回响应时再次加载displayFunction()。此外,响应是JSON对象。我能够使用ng-change指令调用该函数,并且能够获取所需的JSON对象,但我不知道如何在响应后再次加载div

1 个答案:

答案 0 :(得分:0)

在超时中将您的赋值包装到服务变量,以便angular知道更改

$timeout(function(){
      $scope.service = response.data;
});

因此,你的整个方法就像这样。

$http.get("commonGet.jsp?sqlStr=select * from service_request.service_request_data where emp_id="+empHidVal+ " order by id desc")
     .then(function(response){
          $timeout(function(){
                $scope.service = response.data;
          });

    });
 }