각도 2 *에 대한 ngIf '이'코너 2에서

Question

나는이 component.html이 : 기본적으로

editAction(){ this.iscalled = true; } 

은이 component.ts와

<li *ngFor="let something of somethings"> 
    <span>{{something}}</span> 
    <input class="doit" type="text" *ngIf="iscalled" /> 
<div id="container"> 
    <button class="btn btn-warning editsection (click)="editAction()">Edit</button> 
</div> 
</li> 

을 내 구성 요소에서 false로 설정하십시오.

기본적으로 각 something은 somethings입니다. 내 목록과 함께 입력란에는 할당 된 입력란과 editAction()을 실행하는 버튼이 있습니다. 사용자가 editAction() 버튼을 클릭하면 버튼이 나타납니다.

이제는 editAction() 버튼을 클릭하면 내 목록의 모든 입력 필드가 활성화됩니다. 이 내용을 의미하는 정확히 li 요소로 제한하고 싶습니다.

각도 2에 특정 동작이 있는지, 아니면 일반 자바 스크립트 솔루션인지 알 수 없습니다.

Answer 1

참고 :이 설정을 사용하면 토글 에 원하는 경우

<li *ngFor="let something of somethings"> 
    <span>{{something}}</span> 
    <input class="doit" type="text" 
      *ngIf="something.iscalled" />  //<<<===changed 

    <div id="container"> 
      <button class="btn btn-warning 
      editsection 
      (click)="editAction(something)">  //<<<===changed 
       Edit 
      </button> 
    </div> 
</li> 

---

editAction(something){ something.iscalled = true; } 

다음 거짓 에을 iscalled의 기본 값을 설정하지 마십시오 다음과 같이 할 수 있습니다.

editAction(something){ something.iscalled != something.iscalled; }