>

이 코드로 구성 요소가 있습니다 :

<div class="form-group">
  <label>test</label>
  <input type="text" class="form-control" [(ngModel)]="test"/>
</div>

그리고 나는이 구성 요소를 다음과 같은 두 개의 링크에 사용합니다 :

<li>
  <a class="text-white home-tabs pl-3 pr-3 pt-2 pb-2 rounded-top" [routerLink]='["/default-dashboard","14"]' routerLinkActive="active-home-tabs">link1</a>
</li>
<li>
  <a class="text-white home-tabs pl-3 pr-3 pt-2 pb-2 rounded-top" [routerLink]='["/default-dashboard","15"]' routerLinkActive="active-home-tabs">link2</a>
</li>

이제 모든 링크에서 입력 값을 얻고 싶지만 한 링크에서 값을 변경하면 두 번째 링크 입력 값이 변경됩니다! 구성 요소에 사용할 수있는 방법이 있습니까? 모든 링크에서 가치를 얻습니까?

  • 답변 # 1

    탭보기 모드에서 Yahoo Mail과 같은 페이지를 만들고 싶습니다. 따라서 여러 탭에 구성 요소를 표시하고 탭을 선택하여 정보를 표시 할 수 있습니다. 그러나 라우팅을 사용하여 링크를 만들면 각 링크를 선택하여 중복 정보가 표시되고 링크를 선택하여 페이지가 다시로드됩니다. Angular 가이 문제를 해결할 수있는 방법이 있습니까? 감사합니다

관련 자료

  • 이전 mysql - 데이터베이스에서 기본 키에 대한 목록으로 데이터 가져 오기
  • 다음 css - Vue 구성 요소 내에서 렌더링 될 때 부트 스트랩 버튼 사이에 공간이 없습니다