javascript - angularjs调用对象并返回值

Question

我有一个按钮，我想根据我的 Id 值使用 ng-show 进行切换。

在我的 javascript 中，我从一个函数调用我的服务，然后从另一个函数使用它们。

我的问题是，当使用 ng-click 时，我可以返回正确的 Id，但是当使用 ng-init 时，它会返回未定义的值。

如何从“onload”事件(如 ng-init)调用并定义 Id 值？

HTML

<button type="button" class="col button button-small button-dark" ng-click="showMe(ph);" ng-init="showMe(ph);">
       Check In  
   </button>

Javascript获取服务

 $scope.PhaseData = function(Truck) {


           var TruckID = window.localStorage['truckid'];

           $http.get("http://localhost:53101/TruckService.svc/GetStatusA/" + TruckID)
          .success(function(data) {

          var PhaseID = null;  
          var obj = data;
          var ar = [];
          angular.forEach(obj, function(index, element) {

          angular.forEach(index, function(indexN, elementN) {                 

             ar.push({PId: indexN.PId, PhaseId: indexN.fk_Phase, Checkin: indexN.Checkin, Chassis: indexN.ChassisPrep, Floor: indexN.Floor, Body: indexN.Body, Paint: indexN.Paint, PhaseName: indexN.PhaseName });

              $scope.ph = ar;
             /* $scope.PHID = 1; indexN.PId*/

           })

       });

        })

      .error(function(data) {
          console.log("failure");
          })    

        };

功能

 $scope.showMe = function(ph)
  {  

    console.log('2', $scope.ph[0].PId ); 
    console.log('cool');

   if ($scope.ph[0].PId >= 1) 
    {
       $scope.show=true;
    }

    else if($scope.ph[0].PId <= 2)
    {
        $scope.show=false;
    }

  }

Answer 1

将代码更改为此，可能是值到来之前的 HTML 渲染

<button ng-if="ph" type="button" class="col button button-small button-dark" ng-click="showMe(ph);" ng-init="showMe(ph);">Check In</button>