相关疑难解决方法(0)

我需要显示/隐藏部分组件.这是Angular2的例子.

<li *ngFor=" #item of items " >
  <a href="#" (onclick)="hideme = !hideme">Click</a>
  <div [hidden]="hideme">Hide</div>
</li>

假设我们只有2个项目.这里的问题是它适用于这两个项目.所以它隐藏并显示了两个组件中的div部分.如果我们能有这样的东西,它可能是完美的:

<li *ngFor=" #item of items " >
   <a href="#" (onclick)="this.hideme = !this.hideme">Click</a>
   <div [hidden]="this.hideme">Hide</div>
</li>

那么有一些简单的方法可以解决这个问题吗？

20
推荐指数

2
解决办法

3万
查看次数

我不能使Angular2使用条件ngClass样式和引导程序标签.

<h1 [ngClass]="{'label label-warning': yourName=='Daniel', 
                'label label-success': yourName!='Daniel'}">

'label label-success'当我设置我的应用程序样式时,ngClass似乎正在删除第一个"标签" .当满足第二个条件时它正确地设置样式,但是当满足第一个条件时,样式是不正确的.

在检查元素时,当满足第二个条件时,样式是h1.label.label-success,但是当满足第一个条件时,它被错误地定型为h1.label-error.

请参阅此plunker以了解错误.

我已经按照AngularJS升级指南(https://angular.io/docs/ts/latest/cookbook/a1-a2-quick-reference.html)进行了操作,但无法使其正常工作

1
推荐指数

1
解决办法

3266
查看次数

css ×1