Angular JS ng顯示不工作

當我從角JS更改ng-show綁定的屬性時，仍然沒有反映在UI中。但其他財產變化在UI中反映良好。以下是我的代碼Angular JS ng顯示不工作

<!DOCTYPE html> 
<html> 
<head> 
    <meta charset="utf-8"> 
    <meta name="viewport" content="width=device-width, initial-scale=1"> 
    <link rel="stylesheet" href="http://maxcdn.bootstrapcdn.com/bootstrap/3.3.6/css/bootstrap.min.css"> 
    <script src="http://ajax.googleapis.com/ajax/libs/angularjs/1.4.8/angular.min.js"></script> 
    <script src="http://maxcdn.bootstrapcdn.com/bootstrap/3.3.6/js/bootstrap.min.js"></script> 
</head> 
<body> 

    <div ng-app="maintainOnlineEquipmentApp" ng-controller="MaintainOnlineEquipmentController"> 

     <table class="table"> 
      <tr class="success"> 
       <td>Equipment Init</td> 
       <td>Equipment Number</td> 
       <td>L/E</td> 
      </tr> 
      <tbody ng-repeat="trackLocation in trackLocations"> 
       <tr ng-click="toggleTrackLocation()"> 
        <td>{{trackLocation.locationName}}</td> 
       </tr> 
       <tr class="info" ng-repeat="equipment in trackLocation.trackLocationEquipments" ng-show="{{trackLocation.isVisible}}"> 
        <td>{{equipment.equipInitial}}</td> 
        <td>{{equipment.equipNum}}</td> 
        <td>{{equipment.equipStatusCd}}</td> 
       </tr> 
      </tbody> 
     </table> 

    </div> 

    <script> 
     var app = angular.module('maintainOnlineEquipmentApp', []); 

     app.controller('MaintainOnlineEquipmentController', 
      function($scope, $http) { 

       this.getTrackLocations = function() { 
        $http.get("/command/maintainOnlineEquipmentAngularPreAction.do") 
         .then(
          function(response) { 
           $scope.trackLocations = response.data; 
          }); 
       }; 

       this.getTrackLocations(); 

       $scope.toggleTrackLocation = function() { 
        $scope.trackLocations[4].isVisible = true; 
        $scope.trackLocations[4].locationName = 'A'; 
        $scope.$apply(); 
       }; 

      }); 
    </script> 

</body> 
</html>

以下代碼將ng-show綁定到isVisible屬性。該屬性最初是錯誤的。所以設備崩潰了。當我點擊軌道位置行時，它應該擴大。在toggle軌道位置函數中，我將isVisible屬性更改爲true。它仍然不反映在UI中。但其他屬性更改locationName在UI中反映良好。

從後端當我通過isVisible屬性初始爲真時，設備正在適當擴展。只是通過toggleTrackLocation（）功能不能正常工作。我在這裏錯過了什麼？

來源

2016-07-25 Sabith

'trackLocation.isVisible'給了什麼？ –

ngShow需要一個角expression，而不是插值標籤。正確的表示法：

ng-show="trackLocation.isVisible"

來源

2016-07-25 11:46:30 dfsq

這工作。謝謝：） – Sabith

Angular JS ng顯示不工作

回答

相關問題