Question

尝试隐藏/显示列

<input type="checkbox" ng-model="checked"/> Hide
<div ng-hide="checked">
 hide Me
</div>

这里有什么问题？

我最初在桌子上试过...... 隐藏/显示特定列。但是让我们保持简单。它应该同时工作，对吗？

 <input type="checkbox" ng-model="hideCoupons"/> Hide Coupons

  <tr  *ngFor="let c of customers| customerFilter:custTerm ; let 
 i=index"> 
<td scope="row">{{c.id}}</td>
<td>{{c.custName}}</td>
<td>{{c.password}}</td>
<td ng-hide="hideCoupons" style="font-size:9px; color:red">{{c.coupons | 
json}}</td>
<td class="btn btn-danger" (click) ="removeCustomers(c.id)" 
(click)="removeCustomersUi(i)"><a id="delete">DELETE</a></td>  
</tr>

顺便说一句，我也试过$ scope.IsVisible = true。但是我的ts文件似乎没有认出$ scope ......

Answer 1

由于* ngIf =＆＃34;！已检查＆＃34;问题已解决。非常感谢大家！

Answer 2

您可以使用NgIf directive

Angular 5演示：

https://stackblitz.com/edit/angular-ejrdwr?file=app%2Fapp.component.ts

<强> app.component.ts

import { Component } from '@angular/core';


@Component({
  selector: 'my-app',
  templateUrl: './app.component.html',
  styleUrls: [ './app.component.css' ]
})
export class AppComponent  {

}

<强> app.component.html

<input type="checkbox" [(ngModel)]="checked"/> Hide
<div *ngIf="!checked">
 hide Me
</div>

Ng hide / show dos不起作用。在角4

2 个答案: