Question

我有数据行，每行有2列。

 <div class="row">
      <div class="col-md-2"><strong>Natural ID:</strong></div>
      <div class="col-md-4">{{ctrl.firstobject.naturalId}}</div>
      <div class="col-md-2"><strong>ManulaID:</strong></div>
      <div class="col-md-4">{{ctrl.firstobject.manualID}}</div>
 </div>

现在，我想将名为“NaturalID”的字段的值与另一个自然ID（由ctrl.CustomObject.naturalid访问）进行比较，如果这两个值不同，我想用红色突出显示相应的字段在上面的HTML中的自然ID。我怎样才能做到这一点？

Answer 1

您可以使用ng-class之类的内容

＆＃13;

var myApp = angular.module('myApp',[]);
myApp.controller('MyCtrl',function($scope, $timeout) {
$scope.firstobject={
naturalId:1,
manualID:2
}
$scope.customObj={
naturalId:2
}
});

＆＃13;

.red{
  color:red;
}

＆＃13;

<script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.2.6/angular.min.js"></script>
<div ng-app="myApp" ng-controller="MyCtrl" >
 <div class="row">
   <div class="col-md-2"><strong>Natural ID:</strong>
   </div>
     <div class="col-md-4" ng-class="{'red':firstobject.naturalId !=customObj.naturalId}">{{firstobject.naturalId}}<span ng-if="firstobject.naturalId !=customObj.naturalId" class="glyphicon glyphicon-alert"></span>
     </div>
        <div class="col-md-2"><strong>ManulaID:</strong>
        </div>
      <div class="col-md-4">{{firstobject.manualID}}</div>
       </div>
</div>

＆＃13;

如果比较后存在不同的值，则在angularJS中突出显示一个字段

1 个答案: