无效或冻结样式修改

src/app/my/integration-detail/integration-detail.component.html

@@ -20,11 +20,12 @@
   </ul>
   <ul class="detailLists">
     <li *ngFor="let item of lists">
-      <div>
+      <div [ngStyle]="{'color':item.status==1 ? '#646464' : '#ccc'}">
         <p>{{item.integralRuleName}}</p>
-        <p>{{item.grantDate}}</p>
+        <p [ngStyle]="{'color':item.status==1 ? '#8c8c8c' : '#ccc'}">{{item.grantDate}}</p>
       </div>
-      <div [ngStyle]="{'color':item.integralType=='1' ? '#E56124' : '#333','font-weight':'bold'}"><span>{{item.integralType=='1' ? '+' : ''}}</span><span>{{item.integralNumber}}</span></div>
+      <div [ngStyle]="{'color':item.integralType=='1' ? '#E56124' : '#333','font-weight':'bold'}" *ngIf="item.status==1"><span>{{item.integralType=='1' ? '+' : ''}}</span><span>{{item.integralNumber}}</span></div>
+      <div [ngStyle]="{'color':'#ccc','font-weight':'bold'}" *ngIf="item.status!=1"><span>{{item.integralType=='1' ? '+' : ''}}</span><span>{{item.integralNumber}}</span></div>
     </li>
   </ul>
 </div>

src/app/my/integration-detail/integration-detail.component.ts

@@ -9,7 +9,7 @@ import { MyService } from '../my.service';
 export class IntegrationDetailComponent implements OnInit {
   integralGrantInfos:Array<any>;
   lists:Array<any>;
-  status:number = 0;
+  status:number = 1;
   searchDate:string = '2022年';
   searchDateFormat:Date = new Date(2022, 1);
   constructor(private myService:MyService) { }