相关疑难解决方法(0)

如何在Angular中为*ngFor设置动画?

我需要在ngFor列表填充和显示时为其设置动画.每个元素都应该有一个转换,让我们说这样的话.

我怎样才能做到这一点?

transition angular angular-animations

11
推荐指数
2
解决办法
2万
查看次数

Angular2 NgFor inside树模型:删除后添加元素的顺序错误

我正在玩角2 alpha 44.

我有一个树模型并使用递归来显示它.每组包含"标准","细分"和其他"组".我们可以在任何级别删除和添加所有这些元素.

当我删除元素然后在同一级别添加其他元素时,有一种奇怪的行为.新订单是错误的,新元素获得了更大的position属性,数组在此属性上排序,但它们出现在元素被删除的位置.

新阵列将记录在控制台中,并以正确的顺序显示.如果使用"SHOW/HIDE"按钮删除并添加所有树,则视图现在的顺序正确.

您可以在此plunker中看到此行为并轻松理解:

  1. 删除第一个元素
  2. 添加一个新元素
  3. 请参阅视图中的顺序不正确,并且与控制台日志内部的顺序不同
  4. 在"显示/隐藏"按钮上单击2次
  5. 看到视图中的顺序现在是正确的

是否有类似ng1 trackBy的ng2 NgFor?我在源头内找不到它.

javascript typescript angular

5
推荐指数
1
解决办法
1730
查看次数

* ng对于基本数据类型的行为

我有一个要*ngFor在HTML页面上显示的对象列表。现在,用户与U​​I进行交互并更改原始值之一(布尔值,从false变为true)。

根据我的理解,*ngFor仅当列表对象被完全修改(即删除并再次添加到列表)时,才会呈现更改。如果我对这个概念是正确的,那么您能否建议一种方法来反映基本类型的更改,而无需重新初始化组件或修改对象引用。

例如:

  <div *ngFor="let item of list">
        <md-checkbox [(ngModel)]="item.selected"></md-checkbox>
  </div>
Run Code Online (Sandbox Code Playgroud)

用户单击该复选框,但是在服务器进行某些验证后必须选中该复选框。因此,假设需要取消选中该复选框,并且用户会在小吃店收到消息。因此,我遍历列表并将其修改item.selected为false。但是,当我在对象项中修改了原始类型selected(boolean)时,更改未反映出来。因此,如何在不重新加载或初始化页面的情况下呈现新值。

如果需要更多输入,请告诉我。

angular2-template angular

4
推荐指数
1
解决办法
4199
查看次数