当我从角度JS更改ng-show绑定属性时，UI仍未反映更改。但是其他属性更改在UI中也能很好地反映出来。下面是我的代码
<!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属性。此属性最初为false。因此设备崩溃了。当我单击轨道位置行时，它应该会扩展。在切换轨迹定位功能中，我将isVisible属性更改为true。仍然没有反映在UI中。但是另一个属性更改locationName在UI中反映良好。
从后端开始，当我最初将isVisible属性传递为true时，设备正在正确扩展。只是无法通过toggleTrackLocation（）功能正常工作。我在这里想念什么？
本文收集自互联网，转载请注明来源。
如有侵权，请联系[email protected] 删除。
我来说两句