Question

因此，我正在尝试使用成角度的方式将创建的按钮发送到#start或#finish div上，方法是单击所选按钮，因此，如果可能的话，它们会自行发送遵循一个条件，在这种情况下，该条件将在#start或#finish div中。使用Jquery，我只需要检查特定元素的父元素，如果匹配一个元素，就将其发送给另一个元素，反之亦然。现在有了角度，我一直在研究整体，渲染和内容，但是我的头不能只理解整体图片，即使我能够单击并将元素单击后的元素发送到另一个div，我也无法t使用创建的其他按钮以及另一个div中首先单击的按钮来完成此操作。

<div class="ui raised very padded text container segment" 
  #finish>
    </div> 
<div class="ui raised very padded text container segment" #start>
    <button 
    *ngFor='let word of ge_array' 
    (click)="goToNext()" 
    >{{word}}</button>
  </div>

有人知道如何解决这种情况吗？

Answer 1

Renan，我会更改您的所有计划。我有一个数组元素。该元素具有属性“地方”。我将在两个div中显示一个，其中一个表示“ plan1”，另一个表示“ plan2”。

//the .ts is like
items:any[]=[{word:'uno',place:1},{word:'dos',place:1},{word:'tres',place:2}]

get items1(){
  return this.items.filter(it=>it.place==1);
}
get items2(){
  return this.items.filter(it=>it.place==2);
}

//the .hmtl like
<h2>place 1</h2>
  <button  *ngFor="let item of items1" (click)="item.place=2">{{item.word}}</button>
<h2>place 2</h2>
<button  *ngFor="let item of items2" (click)="item.place=1">{{item.word}}</button>

我更喜欢使用吸气剂，并具有“ item1”和“ item2”。单击使该项目的属性“位置”在位置1变为2，在位置2变为1

您也可以使用* ngIf like

在同一数组上创建两个* ngFor

<h1>place 1</h1>
<div *ngFor="let item of items">
  <button *ngIf="item.place==1" (click)="item.place=2">{{item.word}}</button>
</div>
<h1>place 2</h1>
<div *ngFor="let item of items">
  <button *ngIf="item.place==2" (click)="item.place=1">{{item.word}}</button>
</div>

忘记吸气剂

角度2+切换元素，基于点击

1 个答案: